/* ----- container ----- */
#container{
	text-align:left;
	background:#fff;
	border:1px none #ccc;
	padding-bottom:0px;
}
#container {
	margin:0 auto;
	width:520px; /* width:620px; */
}

/* ----- Telerik Multipage page container----- */
#pvcontainer{
	text-align:left;
	background:#fff;
	border:1px solid #red;
	padding-bottom:0px;
	padding:20px;
}
#pvcontainer {
	margin:0 auto;
	width:520px; /* width:620px; */
}

/* ----- Telerik Multipage ----- */
.multiPage {
    border-right:solid 1px #a3a3a3;border-bottom:solid 1px #a3a3a3;border-left:solid 1px #a3a3a3;
    font-size:12px;
    font-family:Verdana;
    color:Black;
    background-color:White;
    /*width: 470px;
    height: 240px; */
}

/* ----- LABEL LAYOUT ----- */
.leftLabel li {
	width:98% !important;
	padding-top:6px;

}
.leftLabel .desc {
	float:left;
	width:25%;
	margin:0 5px 0 0;
}

label.descWide {
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:110%;
	margin:0;
	padding:0 0 1px 0;
	border:none;
	display:block;
	white-space: normal;
	width:100%;
}

.leftLabel .descWide {
	float:left;
	width:27%;
	margin:0 5px 0 0;
}

label.descWidest {
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:110%;
	margin:0;
	padding:0 0 1px 0;
	border:none;
	display:block;
	white-space: normal;
	width:100%;
}

.leftLabel .descWidest {
	float:left;
	width:32%;
	margin:0 5px 0 0;
}

.leftLabel li div {
	float:left;
	width:65%;
}

.leftLabel .buttons div {
	float:none;
	margin:0 0 0 142px;
}


/* ----- FLOATS ----- */
label span {
	display:inline !important;
	float:none !important;
}


/* ----- INFO ----- */
.info{
	display:inline-block; 
	clear:both;
	padding:0px 1% 8px 1%;
	margin-bottom:6px;
	border-bottom:1px dotted #ccc;
}
.info[class]{
	display:block;
}


/* ----- Field Structure ----- */

.form ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.form li{
	margin:0;
	padding:4px 1% 5px 1%;
	clear:both;
	background-color:transparent;
	/* position:relative;  Makes Instructs z-index stay on top in IE. */ 
	/*disabling relative positioning because it is interfering with z-index of autocompleteextender*/ 
	/*see http://stackoverflow.com/questions/1287439/ie7-z-index-problem for more info*/
}
.form ul:after,.form li:after, .form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

.form li div{
	margin:0;
	padding:8;
	color:#444;
}
.form li span{
	margin:0 .2em 0 0;
	padding:0;
	float:left;
	color:#444;
}


/* ----- LABELS ----- */

.form li div label, .form li span label{
	margin:0;
	padding-top:1px;
	clear:both;
	font-size:85%;
	line-height:110%;
	color:#444;
	display:block;
}

label.desc {
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:110%;
	margin:0;
	padding:0 0 1px 0;
	border:none;
	display:block;
	white-space: normal;
	width:100%;
}

/* ----- FIELDS ----- */

input.text {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:100%;
	color:#333;
	margin:0;
	padding:1px;
	height:16px;
    border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd; 
}

 select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:100%;
	color:#333 !important;
	margin:0;
	padding:0;
	height:19px;
    border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd; 
}



/* ----- SIZES ----- */

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large{
	width:100%;
}


/* ----- BUTTONS ----- */

.form li.buttons{
	width:auto !important;
	position:relative;
	clear:both;
	padding:5px 1% 1px 1%;
}

input.btTxt{
	padding:1px 8px;
	width:auto;
	overflow:visible;
}


/*AutoComplete flyout */
     .autocomplete_formcompletionListElement   {   
        margin : 0px!important; 
        padding: 0px!important;
        font-size:12px!important; 
        line-height:normal !important;
        width: 440px!important; 
        height : 160px; 
        background-color : white; 
        color : windowtext; 
        border : buttonshadow; 
        border-width : 1px; 
        border-style : solid; 
        cursor : 'default'; 
        overflow : auto;
        text-align : left;  
        list-style-type : none; 
        z-index: 20000 !important; } 
 
 /*Smaller AutoComplete flyout */
     .autocomplete_formcompletionListElementSmaller   {   
        margin : 0px!important; 
        padding: 0px!important;
        font-size:12px!important; 
        line-height:normal !important;
        width: 180px!important; 
        height : 140px; 
        background-color : white; 
        color : windowtext; 
        border : buttonshadow; 
        border-width : 1px; 
        border-style : solid; 
        cursor : 'default'; 
        overflow : auto;
        text-align : left;  
        list-style-type : none; 
        /*z-index: 20000 !important;*/ } 
 
/* AutoComplete highlighted item */ 
.autocomplete_formhighlightedListItem { 
        line-height:normal !important;
        margin : 0px!important; 
        padding: 0px!important;
        background-color: #ffff99 !important; 
        color: blue; 
} 
 
/* AutoComplete item */ 
.autocomplete_formlistItem  { 
        line-height:normal !important;
        margin : 0px!important; 
        padding: 0px!important;
        background-color : window; 
        color : windowtext; 
 }


/* Group Details Page */
#groupContainer {
   background:#fff;
   border:solid 1px #a3a3a3;
   padding:10px 20px;
   margin:0 auto;
   text-align:left;
   font-size:12px;
   font-family:Verdana;
   color:Black;
   background-color:White;
   width: 520px;
}

#groupContainer li {padding:3px 0px !important;  }
#groupContainer li div {float:left; }

#groupHeader { background-color:#e8e8e8;
               background-image:url(/SOSCandidateServices/images/telerik_defaultgradient.jpg); 
               background-repeat:repeat-x;
               border-top:solid 1px #a3a3a3;border-left:solid 1px #a3a3a3;border-right:solid 1px #a3a3a3;
               width:550px;padding:5px;
               margin:0px;font-size:14px;
               font-weight:bold;
               }
               
.AuroraDetails {          
 font-weight: 300;
 font-size: 28px;
 line-height: 35px;
 color: #222222;
 margin: 0 0 20px 0;
 background: none;
 border: none;
 padding: 0;
}
               
.SearchHeaderBar { background-color:#e8e8e8;
       background-image:url(/SOSCandidateServices/images/telerik_defaultgradient.jpg); 
       background-repeat:repeat-x;
       border-bottom:solid 1px #7B7B7B;border-left:solid 1px #7B7B7B;border-right:solid 1px #7B7B7B;
       border-collapse:collapse;
       padding:5px;
       margin:0px;
       font-size:14px !important;
       font-weight:bold;
       }

.leftLabel .longerdesc {
   border:none 0px #a3a3a3;
   	font-size:95%;
	float:left;
	width:112px;
	margin:0 5px 0 0;
	font-weight:bold;
}


.leftLabel .longerdetails {
	float:left;
	width:76%; 
}
   
/*Underline telerik sort column link in header */
.rgHeader a:link { text-decoration:underline;  }

.NotALink { text-decoration:none; color:Black; cursor: default; }