/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/


.myinputstyle {
	border: 1px solid #03709B;
	/** remember to change image path **/
	background: url(none) no-repeat #f0f7ff;
	font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #112a33;
}


/** You can use this style for your LABEL elements **/
.mylabelstyle { 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 13px; 
color: #112a33; 
}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #FFFFFF;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}

/** 
* You can use this style for your INPUT, TEXTAREA, SELECT elements 
* for onmousefocus event
**/
.myinputstyle:focus {
	border: 1px solid #FFFFFF;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}
	
	
	
.comments { font-size:13px; color:#2f2f2f; background-color:#f0f7ff; text-align: center; padding:0; margin:0; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; border-right-color: #cdcdcd; border-left-color: #cdcdcd; }

	
	
	
	commenttext {
	
	font-size:12px;
	color:#EF8401;
	
	}
	.timestamp { color:#787878; font-size: 9px; }
	
	.comment-links {
	
	font-size:10px;
	
	
	}
	

	
	.loggedin-header {
	
	font-size:12px;
	color:#474747;
	padding:10px;
	margin:0;
	
	
	}
	
	.loggedin-header-base {
	
	background-color:#74bbe2; 
	background-image:url(/images/loggedin-headerbar.png);   
	color:#333333; 
	padding: 5px;   
	
	}
	
	.contact-type {
	
	font-size:12px;
	color:#03709B;
	text-align:left;
	

	
	
	}
	
	
	.promo {
	
	font-size:10px;
	color:#FF0000;	
	}
	
	.warning {
	
	font-size:10px;
	color:#FF0000;
	
	
	}
	
	.logout a {
	
	color: #4ba5da;
	font-size: 8px;
	text-decoration: none;
	
	}
	
	.logout a:hover  {
	
	color: #282828;
	font-size: 8px;
	text-decoration: none;
	
	}
	
	.error {
	
	font-size:10px;
	color:#FF0000;
	font-weight:bold;
	
	}
	
	.attention1 { font-weight:bold; font-style:italic; font-size:12px; color:#d7281b; text-align: left; }
    .attentionBIG {
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	color:#FF0000;
	
	
	}
	
	.attention2 { font-weight:bold; font-style:italic; font-size:12px; color:#7bcd5f; text-align: left; }
	
	.username {
	
	 color: #EF8401;
	 font-weight: bold;
	
	}

  .private-message {
  
  background-color:#F0F7FF; 
  border:1px solid #CAD6E8;
  text-align: left;

  
  }
  
  .pm-new-message-notify {
  color:#FF0000;
  text-decoration: blink;
  }
  
  .pm-msg-header {
  
  background-color:#F0F7FF; 
  text-align: left;
   padding: 5px 10px 5px 10px;
  
  }
  .pmlinks {
    background-color:#f8edcb;
  	text-align: left;
  	padding: 2px 2px 0px 2px;
  }
 
  .pm-msg-body {
  
   background-color:#FFFFFF; 
   margin: 0px 5px 5px 5px;
   border:1px solid #CAD6E8;
   padding: 10px 5px 5px 5px;
  
  }

  .pmlinks a:active {
    background-color:#F0F7FF;
  }


  .goodalert {
    color:#006000;

  }


  .badalert {
   
   color:#FF0000;
  }
  
  
 	.pmunder50percent {
 	
 	
 	}

  .pmbw50-90percent {
 	
   color: #ef8401;
 	
 	}


  .pmbw90-100percent {
 	
   color: #FF0000;
   font-weight:bold;
 	
 	}

  
  .pmover100percent {
 	
   color: #FF0000;
   font-weight:bold;
 	
 	}


  .profile-contact-details {
  
  background-color:#FFF; 
  
  padding: 5px 5px 5px 5px;

  border: 1px solid #4BA5DA;
  text-align: left;
  
  }
  .profile-contact-title {
  font-size: 16px;
  font-weight:bold;
  text-align:center;
  }

  
  
  .profile-contact-description {
  
  font-size: 14px;
  color: #4BA5DA;
  font-weight:bold;
  text-align:left;
  
  }
  
  .profile-contact-info {
  
    background-color:#E2F1FC; 

    text-align: left;
    border: 1px solid #4BA5DA;
     padding: 5px 5px 5px 5px;
   
   }
   
  .profile-contact-address {

   background-color:#FFFFEF; 

    text-align: left;
    border: 1px solid #4BA5DA;
     padding: 5px 5px 5px 5px;

  }
  
  .profile-contact-systeminfo {
  
    background-color:#FFFFEF; 

    text-align: left;
    border: 1px solid #4BA5DA;
     padding: 5px 5px 5px 5px;

  
  }
  .profile-contact-projectdetails {
   background-color:#FFFFFF; 

    text-align: left;
    border: 1px dashed #4BA5DA;
     padding: 5px 5px 5px 5px;
  
  }
  
  .profile-contact-hide-details {
  
  font-size: 10px;
  color: #EF8401;
  font-weight:bold;

  }
  .profile-contact-openprojects {
   background:#f0f7ff;
   padding: 0px 5px 5px 5px;
   
  }
  .profile-contact-closedprojects {
   background:#fff0f0;
   padding: 0px 5px 5px 5px;
   
  }

  
  .report-output { padding: 5px; }
  
  .report-title {
    font-size: 16px;
    font-weight:bold;
    text-align:center;
  }
  
  .report-description {
  
    font-size: 12px;
    color: #4BA5DA;
    font-weight:bold;
    text-align:center;
  
  }
  
  .report-details { background-color:#fff; padding: 5px; }
  .report-projectdetails-container {
  
  
    padding: 5px;
    margin: 5px;
    border: dashed 1px #4ba5da;
  
  
  }
  .report-tabular-details { font-size:10px; color:#333; text-align: center; vertical-align: middle; border: solid 1px #aaa; }
  
   .report-tabular-details-body {
  
    
   padding:5px;
  }
  
  .report-tabular-details-header { background-color: #7f7f7f; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; }
.report-tabular-details-subheader { color: #3281af; font-weight: normal; background-color: #fff; margin-top: 7px; margin-bottom: 7px; padding-top: 7px; padding-bottom: 7px; }
.report-tabular-details-prjctsubheader { font-size: 12px; background-color: #d1d1d1; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; }
.report-tabular-details-header b {
  
/*  background: #ffffff; */

  }

.report-tabular-details-body a {
font-weight: bold;
}
  
   .report-tabular-details-header-title { color: #fff; font-size: 12px; font-weight: bold; padding: 7px; }
   
   
  .report-tabular-details-altcolor1 { background: #f4f4f4; text-align:center; padding: 5px; }
  
  
  .report-tabular-details-altcolor2 { background: #ffffff; text-align:center; padding: 5px; }
  
  


  .project-management-table {  }
  
  /* form { border: solid 1px #cdcdcd; background-color: #ececec; background-image: url(../images/fieldset_gradient.jpg); background-repeat: repeat-x; width: 100%; float: left; margin: 15px; padding: 15px; } */
  
.prettyform { border: solid 1px #cdcdcd; background-color: #ececec; background-image: url(../images/fieldset_gradient.jpg); background-repeat: repeat-x; width: 475px; float: left; margin: 15px; padding: 15px !important; }
.prettyform-90 { background-color: #ececec; background-image: url(../images/fieldset_gradient.jpg); background-repeat: repeat-x; margin: 15px; padding: 15px !important; width: 90%; float: left; border: solid 1px #cdcdcd; }
.prettyform-natural { background-color: #ececec; background-image: url(../images/fieldset_gradient.jpg); background-repeat: repeat-x; margin: 15px; padding: 15px !important; float: left; border: solid 1px #cdcdcd; }
.prettyform-100 { background-color: #ececec; background-image: url(../images/fieldset_gradient.jpg); background-repeat: repeat-x; margin: 15px; padding: 15px !important; width: 100%; float: left; border: solid 1px #cdcdcd; }
.form { padding: 10px;
  /*background: #F0F7FF; */
  }
.form-details-altcolor1 { color: #2f2f2f; font-size: 10px; text-align: left; margin-top: 1px; margin-bottom: 1px; }
  
  
  .form-details-altcolor2 { color: #2f2f2f; font-size: 10px; text-align:left; margin-top: 1px; margin-bottom: 1px; }
  
  .quickstart-role { padding: 5px; }
  
  .approvalStatus {
  
  
  border:1px dashed #ff5858;
   padding: 5px;
   background: #fec2c2; 
  
  }
  
 .iteration { 
 color: white; 
 background-color: #ececec; 
 background-repeat: repeat-x; 
 background-attachment: scroll; 
 background-position: 0 0; 
 border:solid 1px #cdcdcd; 
 padding: 5px; 
 }
 
 .portfoliofileiteration {
 
  color: white; 
 background-color: #ececec; 
 background-repeat: repeat-x; 
 background-attachment: scroll; 
 background-position: 0 0; 
 border:solid 1px #cdcdcd; 
 padding: 5px; 
 
 }
 
.iteration-darker { color: white; background-color: #c1c1c1; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 5px; border: solid 1px #cdcdcd; }
.projectsummary-list-head {color: #3281af; font: 18px sans-serif, arial, helvetica, verdana; margin-bottom: 10px; padding: 5px 5px 0; border-bottom: 1px solid #aaa; }
  
  .closedproject {
  
  
   color: #ff0000;
  }
  .closedproject a {
  

  
  }
  
  .openProjectinClosedList {
  
  text-decoration: line-through;
  
  }
  
  .closedProjectinOpenList  {
  
  text-decoration: line-through;
  }

  .projectwarning {
 

	
	font-size:10px;
	color:#6699cc;
	
  }
  
 .righthandportfolio {
  
   padding: 10px 0 10px 0;
   margin: 5px 0 5px 0;
   border-bottom:1px solid #254c7f; 
  }
  
  
  .projectsummaryimage img {
  
  border:3px solid #254c7f; 
  
  }
p {
		
		}
#contentright p { font-size:10px}
html {min-height: 100%;}
* {
	margin: 0;
	padding: 0;
}

a {color: #4ba5da;}
.ayplogo { color: #4ba5da;  }
a:hover {color: #282828;}

body { color: #282828; font-size: 12px; background: #1a477d url(images/bg-pattern.gif) repeat-x center top; }



.userinfobox-titles { color: #8f908f; font: 11px/12px sans-serif, Arial, Helvetica, Geneva, Tahoma, SunSans-Regular; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.content-instructions { 
color: #323232; 
font-size: 11px; 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: normal; 
font-style: normal; 
font-variant: normal; 
vertical-align: middle; 
margin-top: 5px; 
margin-right: 15px; 
padding-top: 6px; 
padding-bottom: 6px; 
border-top: 1px solid #b9b9b9; 
border-bottom: 1px solid #b9b9b9; 
}
p,code,ul {padding-bottom: 1.2em;}



h1 { color: #2d93d8; font: 19px sans-serif, Helvetica, Geneva, Arial, SunSans-Regular; background-color: #f6f6f6; margin-bottom: 15px; margin-left: 15px; padding-top: 22px; padding-bottom: 7px; padding-left: 10px; border: solid 1px #d1d1d1; }
h2 { color: #3281af; font: 18px sans-serif, arial, helvetica, verdana; }
h3 {font: bold 14px/11px sans-serif, Helvetica, Arial, Geneva, SunSans-Regular;}
.viewcontact-headertxt { color: #2187c2; font: bold 11px/11px sans-serif, Helvetica, Arial, Geneva, SunSans-Regular;}
.viewcontact-headercell { background-color: #ececec; background-image: url(../../images/fieldset_gradient.jpg); background-repeat: repeat-x; padding-top: 0; padding-right: 0; padding-bottom: 8px; padding-left: 0 !important; }
.viewcontact-table { padding: 4px; border: solid 1px #cdcdcd; }
.viewcontact-subheads { 
color: #7f7f7f; 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: bold; 
}
form,input { text-align: left; margin: 0; padding: 2px 0; display: inline; }

code {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}







	.roundedcornr_box {
   border: 0px solid #b1b1b1;
	background: #fff;

	margin: 0 auto;
	
	width: 1070px;
}
.roundedcornr_top div {
   background: url(images/rndcorner15px_tl.png) no-repeat top left;

	
}
.roundedcornr_top {
   background: url(images/rndcorner15px_tr.png) no-repeat top right;

}
.roundedcornr_bottom div {
   background: url(images/rndcorner15px_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(images/rndcorner15px_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 auto; }


.inner-container { background: #fff; text-align: center; width: 990px; }
.outer-container { margin-top: 20px; margin-bottom: 20px; }
.outer-container2 {  }
.loginheader {
  background: #FFF url('/images/hestia/loginheader-image.gif') no-repeat;
	height: 114px;
	margin-bottom: 0px;
	text-align: center;
}

.header {
	background: #FFF url('/images/hestia/top-hestialogo.png') no-repeat;
	height: 114px;
	margin-bottom: 0px;
	text-align: center;
}
.mainNavBar {
/*
  font-weight: bold;
  color: #008AC3;
  background: #ffffcf;
  height: 25px;
  padding: 10px 5px 0 5px;
  
  
  border-bottom: 1px solid #008AC3;
  */
  
  color: #464545; font-size: 12px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-repeat: repeat-x; background-attachment: scroll; background-image: url(images/wdesign/usernav-bg.gif); height: 32px; }
.topNavBar { background-image: url(images/topnav-bg_03.gif); background-repeat: repeat-x; height: 26px; }
.greenbar { background-image: url(images/topnav-green_08.gif); background-repeat: repeat-x; height: 4px; }
.topNavLinks { color: #f6f6f6; font-size: 12px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; height: 26px; padding-right: 10px; padding-left: 10px; }
.topNavLinks a:hover { color: #7bcd5f; font-size: 12px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; padding-right: 10px; padding-left: 10px; height: 26px; }
.topNavLinks a { color: #f6f6f6; font-size: 12px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; padding-right: 10px; padding-left: 10px; height: 26px; }
.mainNavLinks a { color: #464545; font-size: 12px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 32px; padding-top: 10px; }
.mainNavLinks a:hover{ font-weight: bold; color: #7bcd5f; text-decoration: none; height: 32px; }

.header-logoarea { height: 77px; }
.header-logo { background-image: url(images/ayplogo-header_04.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; height: 77px; }
.topNav {
	background: #4BA5DA url('/images/hestiaHeader-beta.png') no-repeat;
	height: 250px;
	margin-bottom: 0px;
	text-align: center;
}

.topNav-markup {
	background: #4BA5DA url('/images/tour/markup-tool-header-beta.png') no-repeat;
	height: 250px;
	margin-bottom: 0px;
	text-align: center;
}
.header .title {
	color: #FFF;
	padding-top: 50px;
}
.header .title .name a {
	color: #ffffff;
	float:right;
	font-size: 5em;
	font-style: italic;
	letter-spacing: 0.2em;
  font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	padding-top: 30px;
	font-weight: bold;
	padding-right: 40px;
	text-decoration: none;
}
.header .title a:hover {border-color: #F60;}

.header .title .tag {
	text-align: right;
	font-size: 1.2em;
	font-style: italic;
	letter-spacing: 0.2em;
  font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	padding-top: 100px;
	padding-right: 55px;
}



.navigation {
	float: right;
	width: 200px;
}
.navigation h2 {
	color: #7bcd5f;
	font: bold 1.6em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 11px;
}
.navigation ul {
	padding-bottom: 10px;
	border-top: 1px solid #7bcd5f;
}
.navigation li {/*border-bottom: 1px solid #b1b1b1;*/}
.navigation li a {
	font-size: 1.1em;
	color: #7c7c7c;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: #c7c7c7;
  color: #282828;	
}



/* css for centering Login form */

.login { 
padding-left:130px; 
padding-right:130px; 
}
.login h2 { 
color: #3281af; 
font-size: 16px; 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal; 
font-variant: normal; 
line-height: 30px; 
margin: 0; 
padding-bottom: 10px; 
}
.forgotlogin { 
color: #3281af; 
font-size: 16px; 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
line-height: 26px; 
margin-bottom: 7px; 
padding-bottom: 7px; 
}

.login ul {
	padding-bottom: 10px;
	border-top: 1px solid #7bcd5f;
}
.login li {/*border-bottom: 1px solid #b1b1b1;*/}
.login-forgot { color: #a4a4a4; }
.login li a {
	font-size: 1.1em;
	color: #7c7c7c;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.login li a:hover {
	background: #c7c7c7;
	color: #282828;	
}






.tour-content {
	
	width: 530px;
	float: right;

	text-align:left;
	margin-left: 5px;
	margin-right: 5px;
	padding-top:10px;
}
.tour-content h2 {
	color: #7bcd5f;
	font: bold 1.6em Tahoma,sans-serif;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
	padding-left: 5px;
}


.tour-content h3 {
	color: #4ba5da;
	font: bold 1.6em Tahoma,sans-serif;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
	padding-left: 5px;
}

.tour-content ul {
	padding-bottom: 10px;
	border-top: 1px solid #7bcd5f;
	padding: 8px 0 8px 0;
}
.tour-content li {


padding: 2px 0 2px 0;
font-size: 12px;
font-weight: bold;
color: #03709b;
text-align: left;
list-style-type: disc;
margin: 2px 0 2px 10px;
}

.tour-content li:hover{

padding: 2px 0 2px 0;
font-size: 12px;
font-weight: bold;
color: #03709b;
text-align: left;
list-style-type: disc;
margin: 2px 0 2px 10px;

}


.tour-content li a {
padding: 2px 0 2px 0;
font-size: 12px;
font-weight: bold;
color: #03709b;
text-align: left;
list-style-type: disc;
margin: 2px 0 2px 10px;
}
.tour-content li a:hover {
	background: #c7c7c7;
	color: #282828;	
}
.tour-content img {

border: 2px solid #03709b;

}

/* start Chris Jan additions */
.contactFormArea {


margin: 5px 10px 5px 10px;
padding: 10px 10px 10px 10px;

}


.main {
	background: #ffffff;
	
	padding: 0 0 0 0;
}


.content { 
text-align:left;}
.content-td { padding-top: 15px; padding-right: 20px; }
.content p { 
color: #5e5e5e; 
font-size: 12px; 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
line-height: 19px; 
margin-left: 25px; 
border-top-width: 15px; 
}

.content h3 { 
color: #5e5e5e; 
font-size: 12px; 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
line-height: 19px; 
margin-left: 25px; 
border-top-width: 15px; 
}
.content h2 { color: #2d93d8; font-size: 14px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 19px; margin-left: 25px; padding-top: 7px; padding-bottom: 4px; border-top-width: 15px; }
.content hr { 

margin-left: 25px; 

}


.content ul, li {

color: #5e5e5e; 
font-weight: bold;
font-size: 12px; 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
line-height: 19px; 
margin-left: 25px; 
border-top-width: 15px;

}

.faq a { 
color: #5e5e5e; 
font-size: 12px; 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
text-decoration: none;

}

.faq a:hover {

color: #3e3e3e; 

}

.faq li { 
text-align: left; 
margin-left: 25px; 
}

.faq h2{ margin-bottom: 8px; 
padding-top: 10px; 
padding-right: 5px; 
padding-bottom: 0; 
border-bottom: 1px solid #aaa; 
}
  

.demo {

margin-top: 30px; 
}



/* --- Top Quick Menu [Start] -------------*/


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc 

.qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

.qm9 a { color: #464545; font-size: 12px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 32px; padding-top: 10px; }
.qm9 a:hover{ font-weight: bold; color: #7bcd5f; text-decoration: none; height: 32px; }

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 4px 5px 5px;
		color:#082140;
		font-family:Arial;
		font-size:14px;
		font-weight: bold;
	
		border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
		text-decoration:none;
		background: #F7F7F7;
		
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:transparent;
		border-style:none;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 10px 3px 5px;
		background-color:transparent;
		font-size:11px;

		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#9ee801;
		font-family:arial;
		font-size:13px;
		font-weight:bold;
		border-bottom: 1px solid #ccc;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
		border-bottom: 1px solid #ccc;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#AAAAAA;
		border-bottom: 1px solid #ccc;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#DADADA;
		background-color:#F7F7F7;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:#F7F7F7;
		border-width:1px;
		border-style:solid;
		border-color:#DADADA;
	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#F7F7F7;
	}








/* add on for visibility */

  .qmfv {
    visibility:visible !important;
    }
  .qmfh {
    visibility:hidden !important;
    }






/* --- Top Quick Menu [END] -------------*/









.footer {

	color: #818181; font-size: 10px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14px; background-image: url(images/footer-bg.gif); background-repeat: repeat-x; background-attachment: scroll; text-align: right; height: 117px; padding: 15px 12px 10px; }



.footer a { color: #818181; text-decoration: none; }


.footer a:hover { color: #2d93d8; }

.valid 
{
text-align: center;
padding-top:5px;
}


	.comments {
	
	font-size:12px;
	color:#EF8401;
	background-color:#F0F7FF;
	border:1px solid #03709B;
	padding:5px;
	margin:0px;
	
	display: inline-block;
	
	}
	commenttext {
	
	font-size:12px;
	color:#EF8401;
	
	}
	.timestamp {
	
	color:#03709B;
	}
	
	.comment-links {
	
	font-size:10px;
	
	
	}
	
	.iteration {
	
	}
	
	.loggedin-header {
	
	font-size:12px;
	color:#03709B;
	padding:10px;
	margin:0px;
	
	display: inline-block;
	
	
	}
	
	.contact-type {
	
	font-size:12px;
	color:#03709B;
	text-align:left;
	

	
	
	}
	
	
	.promo {
	
	font-size:10px;
	color:#FF0000;	
	}
	
	.note {
	
	font-weight: bold;
	font-size:12px;
	color:#FF0000;	
	}
	
	
	.logout a {
	
	color: #4ba5da;
	font-size: 8px;
	text-decoration: none;
	
	}
	
	.logout a:hover  {
	
	color: #282828;
	font-size: 8px;
	text-decoration: none;
	
	}
	
	.error {
	
	font-size:10px;
	color:#FF0000;
	font-weight:bold;
	
	}
	
	.attention1 {
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color:#FF0000;

	}
    .attentionBIG {
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	color:#FF0000;
	
	
	}
	
	.attention2 {
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	color:#7BCD5F;
	
	
	}
	
	.username {
	
	 color: #EF8401;
	 font-weight: bold;
	
	}

  .private-message {
  
  background-color:#F0F7FF; 
  border:1px solid #CAD6E8;
  text-align: left;

  
  }
  
  .pm-new-message-notify {
  color:#FF0000;
  text-decoration: blink;
  }
  
  .pm-msg-header {
  
  background-color:#F0F7FF; 
  text-align: left;
   padding: 5px 10px 5px 10px;
  
  }
  .pmlinks {
    background-color:#f8edcb;
  	text-align: left;
  	padding: 2px 2px 0px 2px;
  }
 
  .pm-msg-body {
  
   background-color:#FFFFFF; 
   margin: 0px 5px 5px 5px;
   border:1px solid #CAD6E8;
   padding: 10px 5px 5px 5px;
  
  }

  .pmlinks a:active {
    background-color:#F0F7FF;
  }


  .goodalert {
    color:#006000;

  }


  .badalert {
   
   color:#FF0000;
  }
  
  
 	.pmunder50percent {
 	
 	
 	}

  .pmbw50-90percent {
 	
   color: #ef8401;
 	
 	}


  .pmbw90-100percent {
 	
   color: #FF0000;
   font-weight:bold;
 	
 	}

  
  .pmover100percent {
 	
   color: #FF0000;
   font-weight:bold;
 	
 	}


  .profile-contact-details {
  
  background-color:#FFF; 
  
  padding: 5px 5px 5px 5px;

  border: 1px solid #4BA5DA;
  text-align: left;
  
  }
  .profile-contact-title {
  font-size: 16px;
  font-weight:bold;
  text-align:center;
  }

  
  
  .profile-contact-description {
  
  font-size: 14px;
  color: #4BA5DA;
  font-weight:bold;
  text-align:left;
  
  }
  
  .profile-contact-info {
  
    background-color:#E2F1FC; 

    text-align: left;
    border: 1px solid #4BA5DA;
     padding: 5px 5px 5px 5px;
   
   }
   
  .profile-contact-address {

   background-color:#FFFFEF; 

    text-align: left;
    border: 1px solid #4BA5DA;
     padding: 5px 5px 5px 5px;

  }
  
  .profile-contact-systeminfo {
  
    background-color:#FFFFEF; 

    text-align: left;
    border: 1px solid #4BA5DA;
     padding: 5px 5px 5px 5px;

  
  }
  .profile-contact-projectdetails {
   background-color:#FFFFFF; 

    text-align: left;
    border: 1px dashed #4BA5DA;
     padding: 5px 5px 5px 5px;
  
  }
  
  .profile-contact-hide-details {
  
  font-size: 10px;
  color: #EF8401;
  font-weight:bold;

  }
  .profile-contact-openprojects {
   background:#f0f7ff;
   padding: 0px 5px 5px 5px;
   
  }
  .profile-contact-closedprojects {
   background:#fff0f0;
   padding: 0px 5px 5px 5px;
   
  }

  
  .report-output {
  
  background-color:#E2F1FC; 

  border: 1px solid #4BA5DA;
  padding: 5px 5px 5px 5px;
  
  }
  
  .report-title {
    font-size: 16px;
    font-weight:bold;
    text-align:center;
  }
  
  .report-description {
  
    font-size: 12px;
    color: #4BA5DA;
    font-weight:bold;
    text-align:center;
  
  }
  
  .report-details {
  
  background-color:#FFF; 
  
  padding: 5px 5px 5px 5px;

  border: 1px solid #4BA5DA;
  
  }
  .report-projectdetails-container {
  
  
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    border: 2px dashed #4BA5DA;
  
  
  }
  .report-tabular-details {
  
  	font-size:10px;
    color:#333;

    text-align: center;
    border: 1px solid #4BA5DA;
	
  }
  
   .report-tabular-details-body {
  
    
   padding:0 5px 0 5px;
  }
  
  .report-tabular-details-header {
  
  background: #FBEE72;
  border: 1px solid #4BA5DA;
  }
  
    .report-tabular-details-header b {
  
/*  background: #ffffff; */

  }

  
   .report-tabular-details-header-title {
   
    color:#FF0000;
    

    text-align: center;
    font-weight: bold;
    font-size: 12px;
   
   }
   
   
  .report-tabular-details-altcolor1 {
 
	background: #F0F7FF;
	text-align:center;
  
  }
  
  
  .report-tabular-details-altcolor2 {
   background: #ffffff;
   text-align:center;
   

  }
  
  

  
  .project-management-table {
  
  border: 1px solid #4ba5da;
  background: #F0F7FF;
  
  
  }
  
  
  .form-details-altcolor1 {
 
	background: #F0F7FF;
	text-align:center;
  
  }
  
  
  .form-details-altcolor2 {
   background: #ffffff;
   text-align:center;
   

  }
  
  .quickstart-role {
  
   border:1px dashed #ff5858;
   padding: 5px;
   background: #fef2f2; 
   
   
  
  }


/* begin css tabs */

ul#tabnav { /* general settings */
text-align: right; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #7bcd5f; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #4C93BF; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #4BA5DA; /* set unselected tab background color as desired */
color: #FFFAF0; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #EF8401; /* set desired hover color */
color: #FFFAF0; /* set selected tab link color as desired */
}

/* end css tabs */
.forgotform-outline { 
padding: 10px;
/*
background-color: #f4f4f4; 
 
border: solid 1px #5fadde; 
*/
}
.subnav { background-repeat: repeat-x; background-attachment: scroll; background-image: url(images/subnav-bg.gif); vertical-align: middle; height: 31px; padding-left: 15px; }
.subnav a { color: #1b4497; font-size: 11px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: normal; text-decoration: none; padding-top: 8px; height: 10px; vertical-align: middle; }
.subnav a:hover { color: #7bcd5f; font-size: 11px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: normal; text-decoration: none; padding-top: 8px; height: 10px; vertical-align: middle; }
.subnav-header { color: #2187c2; 
font-size: 11px; 
font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular; 
text-transform: capitalize; l
etter-spacing: 0.5px; 
margin-top: 10px; 
padding-left: 15px; }
fieldset {
float: left;
clear: both; 
width: 100%; 
margin: 0 0 10px; 
padding: 0 0 10px; 
border: solid 1px #d6d2cd; 
background-color: #f2efea; 
background-image: url(images/fieldset_gradient.jpg); 
background-repeat: repeat-x; }
.prettytable { background-color: #f2efea; background-image: url(images/fieldset_gradient.jpg); background-repeat: repeat-x; padding: 10px 0 10px 10px; width: 100%; clear: both; border: solid 1px #d6d2cd; }
legend { color: #5e5e5e; text-align: left; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: white; margin-left: 12px; padding-right: 6px; padding-left: 6px; }
fieldset ol {  
padding: 6px 1em 0 7px;  
list-style: none;
}
fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 6px;
}
fieldset.submit {  
float: right;  
width: auto;  
border-style: none;  
background-color: transparent;  
background-image: none;
}
label { font-size: 10px; float: left; width: 11em; margin-right: 12px; text-align: right; }
.logintxt { color: #5e5e5e; font-size: 10px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular; text-align: right; padding-right: 7px; }
.indented-form-elements { line-height: 32px; text-align: left; float: left; margin-top: 6px; margin-left: 11em; padding-bottom: 10px; }
.notes { color: #6a6a6a; font-size: 11px; font-family: sans-serif, verdana, arial, "trebuchet ms", geneva; font-weight: normal; line-height: 16px; padding-bottom: 12px; padding-left: 10px; }