/*YUI reset-min 2.6 to normalize HTML elements across browsers*/
/* reset is in afp_public.css */


.Clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.Clearfix{zoom:1;}

/* --- Search Page -----------------------------------------------------
             
------------------------------------------------------------------ */

div.MediumRectangleWrapper img
{
    height:250px;
    width:300px;
    margin:0 0 20px 0;
}

div.TowerWrapper img
{
    height:600px;
    width:160px;
    margin:0 0 20px 0;
}

ul#SearchPanel
{
    border-bottom:solid 1px #ccc;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}

ul#SearchPanel li
{
    float:left;
    border-right:solid 1px #eee;
    height:100px;
    width:115px;
    margin:0 10px 0 0;
    padding:0 10px 0 0;
}

ul#SearchPanel li.First
{
    width:265px;
}

ul#SearchPanel li.Last
{
    border:none;
    text-align:center;
    width:55px;
}

ul#SearchPanel li.TopRow
{
    border-right:none;
    height:auto;
    text-align:center;
}

ul#SearchPanel li.TopRow h6
{
    border:solid 1px #4b6a9e;
    background-color:#aaa;
    color:#fff;
    width:15px;
    padding:0;
    line-height:15px;
    height:15px;
    font-size:11px;
    margin:0 auto 5px auto; 
}

ul#SearchPanel li.Last input
{
    margin:30px 0 0 0;
}

ul#SearchPanel li.First input, ul#SearchPanel li.First label
{
    display:block;
    float:none;
    width:180px;
}

#ServicesAutoComplete {  
    width:280px;
    z-index:9001;
}

ul#SearchPanel #ServicesAutoComplete li{  
    width:24em;
    border:none;
    height:auto;
    float:none;
    margin:0;
    padding:0 3px;
}

.yui-skin-sam #ServicesAutoComplete .yui-ac-container { width:20em;left:0px;}

.yui-skin-sam #ServicesAutoComplete input.yui-ac-input {  
    position:static;width:20em; vertical-align:middle;display:inline;
}

#ServicesAutoComplete .yui-ac .yui-button {vertical-align:middle;} 


.yui-skin-sam #ServicesAutoComplete .yui-ac-content li {
    font-size:11px;
}

.yui-skin-sam #ServicesAutoComplete .yui-button
{
    background:transparent url('../Scripts/yui/2.7.0b/button/assets/skins/sam/sprite.png') repeat-x 0 0;
}

.yui-skin-sam #ServicesAutoComplete .yui-button button
{
    background:transparent url('../Scripts/yui/2.7.0b/button/assets/skins/sam/ac-arrow-rt.png') no-repeat scroll center center;
}

.yui-skin-sam #ServicesAutoComplete.yui-ac .open .yui-button button {background: url('../Scripts/yui/2.7.0b/button/assets/skins/sam/ac-arrow-dn.png') center center no-repeat} 

.yui-button .first-child {
    
}

#SearchResults .yui-dt-col-CompanyName
{
    width:33%;
}

#SearchResults th
{
    background-color:#a2c9e2;
    color:#fff;
    border:none;
    padding:3px;
}

#SearchResults th a
{
    color:#fff;
}

#SearchResults td
{
    border-bottom:solid 1px #ccc;
}


#paginated {
    text-align: center;
}
#paginated table {
    margin-left:auto; margin-right:auto;
}
#paginated, #paginated .yui-dt-loading {
    text-align: center; background-color: transparent;
}

#CompanyPanel div.hd, #CompanyPanel div.bd 
{
    text-align:left;
    padding-left:3px;
}

#CompanyPanel div.bd 
{
    background-color:#eee;
    color:#666;
}

#CompanyPanel div.ft
{
    display:none;
}

ul.CompanyListing
{
    margin:0px;
    width:310px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-color:#eee;
}

ul.CompanyListing li
{
    float:left;
    width:70px;
    text-align:right;
    line-height:1.8em;
    padding:0 3px;
    border-bottom:solid 1px #ccc;
}

ul.CompanyListing li.R
{
    float:left;
    width:220px;
    text-align:left;
}

ul.CompanyListing ul li
{
    float:none;
    width:175px;
    text-align:left;
    border-bottom:none;
}

ul.CompanyListing li.Last
{
    border-bottom:none;
}

ul.CompanyPopup
{
    position:absolute;
    top:-10000px;
    left:-10000px;
    font-size:10px;
}

ul.Tower
{
    padding-left:165px;
    height:600px;
}

ul.MediumRectangle
{
    padding-left:305px;
    min-height:250px;
}

*html ul.MediumRectangle
{
    height:250px;
}

ul.HasLogo
{
    padding-left:130px;
    min-height:150px;
    background-position:0 5px;
}

*html ul.HasLogo
{
    height:150px;
}

/* End of Search */

/* --- Forms -----------------------------------------------------
             
------------------------------------------------------------------ */
div.FormContainer
{
    padding-bottom:15px;
    border:solid 1px #f3b060;
    margin-right:0;
    margin-bottom:0;
    overflow:auto;
    width:600px;
}

div.HighlightBoxWrapper div.FormContainer p
{
    float:right;
    margin:0 130px 10px 0;
    color:#000;
}

div.HighlightBoxWrapper div.FormContainer p a
{
    border-right:solid 1px #ccc;
    padding:0 5px;
}

div.HighlightBoxWrapper div.FormContainer p a.Last
{
    border-right:none;
    padding:0 0 0 5px;
}

div.FormContainer h5
{
    border-top:solid 10px #4b6a9e;
    margin:0;
    padding-left:10px;
    font-weight:bold;
    font-size:108%;
    line-height:4em;
    color:#000;
}

div.FormContainer div.ThankYou
{

}

div.FormContainer form
{
    margin:10px;
}

dl#ErrorMessage, dl.ErrorMessage
{
    display:none;
    margin:0 0 10px;
    color:#003366;
    border:solid 1px #003366;
    padding:5px;
    width:300px;
    clear:both;
}

dl#ErrorMessage dd, dl.ErrorMessage dd
{
    background:transparent url('../images/bg/bullets/arrow_feature_list.gif') no-repeat 0 7px;
    margin:0 0 0 3px;
    padding:2px 0 2px 7px;
}

div.FormContainer form fieldset
{
    width:405px;
    float:left;
    padding:0 0 7px 0;
}

div.FormContainer form fieldset div
{
    float:left;
    width:250px;
    padding:2px 0 0 0;
}

div.FormContainer form fieldset.TextAreaWrapper
{
    width:470px;
}

div.FormContainer form fieldset.SubmitWrapper
{
    padding:14px 0 21px 0;
}

div.FormContainer form label, div.FormContainer form em, div.FormContainer form span
{
    float:left;
    width:128px;
    line-height:1.5em;
    color:#000;
}

div.FormContainer form label
{
    position:relative;
    top:2px;
}

div.FormContainer form em
{
    width:5px;
    clear:both;
    color:#4b6a9e;
    margin-left:-10px;
    padding:2px 0 0 0;
}

div.FormContainer form span
{
    width:20px;
    height:20px;
    top:0px;
}

div.FormContainer form span.FlagError
{
    margin:0 0 0 -20px;
    border:solid 1px #000;
    text-align:center;
    font-weight:bold;
    color:#003366;
    background:#7fd2ff;
    font-family:Arial;
    font-size:1.3em;
    line-height:1.2em;
}
    
div.FormContainer form input, div.FormContainer form select, div.FormContainer form textarea
{
    float:left;
    width:250px;
    margin:0 0 7px 0;
    border:solid 1px #aaa;
    height:18px;
    padding:2px 0 0 2px;
}

div.FormContainer form input.radio
{
    border:none;
    width:20px;
    margin-right:230px;
    padding:0;
}

div.FormContainer form input.Last, div.FormContainer form select.Last
{
    margin:0px;
}

div.FormContainer form select
{
    width:254px;
    height:auto;
}

div.FormContainer form fieldset.ActiveImageRadioButtons
{
    margin-top:7px;
    border-top:solid 1px #ccc;
    width:320px;
}

div.FormContainer form fieldset.ActiveImageRadioButtons div.LogoLinkContainer
{
    float:none;
    clear:both;
    margin:7px 0 7px 0;
    padding:2px 10px;
    color:#000;
    border:solid 1px #ccc;
    border-left:none;
    border-right:none;
    width:300px;
    overflow:auto;
}

div.FormContainer form fieldset.ActiveImageRadioButtons span
{
    width:auto;
    display:block;
    margin:3px 0 0 0;
    color:Olive;
    height:auto;
}

div.FormContainer form fieldset.ActiveImageRadioButtons div.LogoLinkContainer a
{
    display:block;
    margin:2px 0 3px 0;
}

div.FormContainer form fieldset.ActiveImageRadioButtons p
{
    margin-right:10px;
}

div.FormContainer form fieldset.ActiveImageRadioButtons label p
{
    float:none;
    margin:0;
    color:Olive;
}

div.FormContainer form fieldset.ActiveImageRadioButtons input.radio
{
    margin-right:0px;
}

div.FormContainer form fieldset.ActiveImageRadioButtons label
{
    top:-2px;
}

div.FormContainer form fieldset.TextAreaWrapper textarea
{
    width:250px;
    height:120px;
    margin:0;
}

div.FormContainer form fieldset.SubmitWrapper input
{
    width:60px;
    height:24px;
    margin:0 0 0 100px;
    border:none;
}

div.FormContainer form fieldset.SubmitWrapper input.Width120, div.FormContainer form fieldset.SubmitWrapper input.Width120Hover
{
    width:120px;
    margin-left:150px;
}

/*YUI Drag Drop for Services*/
#Services
{
    clear:left;
    width:500px;
}

#Services p
{
    float:none;
    margin:0 0 5px 3px;
    padding:0;
}

#Services label
{
    width:240px;
    margin:0 0 5px 3px;
}

#Services label span
{
    color:#003366;
    float:none;
}

#Services ul
{
    height:270px;
    width:230px;
    float:left;
    padding:0;
    background: #f7f7f7;
    border: 1px solid gray;
    list-style: none;
    overflow:auto;
}

#Services ul li {
    margin: 1px;
    cursor: move;
    zoom: 1;
    color:#000;
}

ul.draglist  
{
    clear:left;
    position: relative;
    background: #f7f7f7;
    border: 1px solid gray;
    margin:0 10px 0 0;
}

ul.draglist li {
    margin: 1px;
    cursor: move;
    zoom: 1;
    position: relative;
}

ul.draglist_alt { 
    position: relative;
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}

ul.draglist_alt li {
    margin: 1px;
    cursor: move; 
}


ul.draglist li.list2, li.list1 {
    background-color: #effaff;
    border:1px solid #ddd;
}

ul.draglist_alt li.list1, li.list2 {
    background-color: #effaff;
    border:1px solid #67b1cf;
}

div.yui-overlay
{
    padding:1px;
    background-color:#999;
    color:#fff;
}

div.bd
{
    background-color:#ccc;
    /*font-weight:bold;*/
}

#AfterUploadMessage
{
    padding:5px;
}

#AfterUploadMessageOverlay div.ft
{
    text-align:center;
    padding:3px;
}

#AfterUploadMessageOverlay div.ft input
{
    margin:0px 5px;
}

/** Upload **/
div.uploadButton
{
    margin:35px 0 0 2px;
}

.uploadButton a, .clearButton a {
	display:block;
	width:100px;
	height:25px;
	text-decoration: none;	
}

.uploadButton a {
	background: url("/Scripts/yui/2.7.0b/uploader/assets/uploadFileButton.gif") 0 0 no-repeat;
}

.clearButton a {
	background: url("/Scripts/yui/2.7.0b/uploader/assets/clearListButton.png") 0 0 no-repeat;
}

.uploadButton a:visited, .clearButton a:visited {
	background-position: 0 0;
}

.uploadButton a:hover, .clearButton a:hover {	
	background-position: 0 -27px;
}

.uploadButton a:active, .clearButton a:active {
	background-position: 0 -54px;
}
	
/** Image Upload **/

/** YUI Table **/

#Companies, .yui-skin-sam #Services
{
    clear:both;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom:solid 1px #eee;
    height:500px;
}



div.yui-dt table
{
    border-collapse:collapse;
    width:500px;
}

div.yui-dt tr th
{
    border-bottom:solid 1px #aaa;
}

tr.yui-dt-odd
{
    background-color:#efefef;
}

div.yui-dt td
{
    padding:3px;    
}

.yui-dt-editor {
    text-align:left;
    background-color:#F2F2F2;
    border:1px solid #808080;
    padding:1px;
    margin-top:2px;
}

.yui-dt-highlighted {
    background-color:Silver;
    cursor:pointer;
    color:#fff;
}

.yui-dt-button button
{
    font-size:11px;
    padding:0px;
    height:24px;
    margin:2px;
}

div.yui-panel-container div.FormContainer
{
    padding:2px 5px;
}

div.yui-panel-container div.FormContainer div.ft
{
    text-align:center;
}

div.yui-panel-container div.FormContainer div.ft button
{
    font-size:11px;
    padding:0px;
    height:24px;
    margin:2px;

}

div.yui-panel-container div.FormContainer fieldset
{
    margin-top:5px;
}

div.yui-panel-container dl.ErrorMessage
{
    display:none;
    margin:5px 20px 5px 20px;
    color:#003366;
    border:none;
    padding:5px;
    width:auto;
    clear:both;
}

a#AddACompany, a#AddAService
{
    display:block;
    float:left;
}

div.YUIButtonWrapperLabel
{
    float:right;
    margin:0 5px 0 0;
}

div.YUIButtonWrapper
{
    float:right;
}

div.YUIButtonWrapper .yui-menu-shadow
{
    display:none;
}

div.YUIButtonWrapper div.bd
{
    padding:3px;
}

div.YUIButtonWrapper span.yui-menu-button button
{
    border:solid 1px #ccc;
    color:#336699;
    background-color:#eee;
    font-size:11px;
    padding:0px;
    line-height:1.4em;
    width:75px;
}
/** End of YUI Table **/