/*** plugin.css ***/
/** bbq, pagination, validation, expand menu **/

/* bbq */
.bbq-loading {
    min-height:20px;
    min-width:18px;
    background:url('/static/images/loading.gif') bottom left no-repeat;
}
#smLoading {
	background:none;
	z-index: 99999;
	display: block;
	text-align: center;
	position: absolute;
	width: 630px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF00', EndColorStr='#FFFFFF00');
	background-color: rgba(255, 255, 255, 0.8);
}
#smLoading DIV#smLoadingScreen {
	background: #FFF;
	width:400px;
	border:4px solid #444;
	height: 225px;
	margin: 20px 0 0 110px;
}

#listingDirectory {
    background: #EFEFEF;
    height: 509px;
}

/* tipsy */
.tipsy { 
    padding: 5px; 
    font-size: 10px; 
    opacity: 0.8; 
    filter: alpha(opacity=80); 
    background-repeat: no-repeat;  
    background-image: url('/static/images/tipsy.gif'); 
}

.tipsy-inner { 
    padding: 5px 8px 4px 8px; 
    background-color: black; 
    color: #fff; 
    max-width: 200px; 
    text-align: center; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tipsy-south { 
    background-position: bottom center; 
}

.sm-tipsy a {
    display: block;
    float: left;
}

/* pagination */
.sm-pagination li {
    float: left;
    list-style-type: none;
}

ul.sm-pagination{
    padding-left: 0px;
}

.sm-pagination a:link, .sm-pagination a:visited, .sm-pagination a:active {
    background: #047694;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#11ADD9', endColorstr='#047694');
    background: -webkit-gradient(linear, left top, left bottom, from(#11ADD9), to(#047694));
    background: -moz-linear-gradient(top,  #11ADD9,  #047694);
    color: #ffffff;
    margin: 0 2px;
    padding: 3px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 1px 1px 0 #047694;
}

.sm-pagination a:hover {
    text-decoration: none;
    background: #668F23 !important; 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCCB33', endColorstr='#668F23');
    background: -webkit-gradient(linear, left top, left bottom, from(#BCCB33), to(#668F23)) !important; 
    background: -moz-linear-gradient(top,  #BCCB33,  #668F23) !important; 
    text-shadow: 1px 1px 0 #7B8736 !important;
}

.sm-pagination .current a:link, .sm-pagination .current a:visited, .sm-pagination .current a:active {
    background: #040404 !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#040404');
    background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#040404)) !important;
    background: -moz-linear-gradient(top,  #646464,  #040404) !important;
    text-shadow: 1px 1px 0 #000000;
    cursor: default;
}

.sm-pagination .current a:hover {
    text-shadow: 1px 1px 0 #000000 !important;
}

.sm-pagination .inactive a:link, .sm-pagination .inactive a:visited, .sm-pagination .inactive a:active {
    background: #707070 !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0A0A0', endColorstr='#707070');
    background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0), to(#707070)) !important;
    background: -moz-linear-gradient(top,   #A0A0A0,  #707070) !important;
    color: #ffffff;
    text-shadow: none;
    cursor: default;
    opacity: .8;
}   

/*** validation ***/
FIELDSET LI {
    /* width:310px; */
}

FIELDSET SElECT {
    width:310px;
}

INPUT.validationBox {
    border: 1px solid #FBC2C4;
}

INPUT.validationPassed {
    display:none;
}

LABEL.validationBox {
    clear:both;
    display: block;
    color: #8A1F11;
    font-weight: normal;
    padding: 5px 5px 5px 10px;
    z-index: 10;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FBE3E4;
    background-position: 2px 4px;
    background-repeat: no-repeat;
    border: 1px solid #FBC2C4;
    width:293px;
    /* margin-left:160px; */
    margin-top: 3px;
    margin-bottom: 10px;
}

DIV LABEL.sm-acc-val {
    width:165px;
    top:8px;
    position:relative;
}
#addHoldingForm  LABEL.validationBox, #addListingForm  LABEL.validationBox, #addBidForm  LABEL.validationBox {
    margin-left: 0px;
}

.textarea LABEL.validationBox {
    margin-left:0;
}

LABEL.validationPassed {
    display:none;
    background: none;
    height: 20px;
    border: none;
    width: 20px;
}

.editProfileTab {
    display:none;
}

#editProfile LABEL.validationPassed {
    background-color: transparent;
}

#contactSpecialistForm LABEL {
    width: 231px;
}

#container_supportingDocuments_2, #container_supportingDocuments_3, #container_supportingDocuments_4, #container_supportingDocuments_5 {
    display: none;
}

#profileConnectOverlay, #selectCompanyOverlay, #requestAddCompanyOverlay, #addUsersOverlay, .sm-overlay {
    background: white;
    width:400px;
    padding:20px;
    border: 10px solid #000000;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}
#addUsersOverlay {
    width:550px;
}

/* for gracefully degradation version of this page */
.sm-select-company-page .chooseNameHolder {width:800px}
#errorBox {
    background: white;
    width:500px;
    padding:0px;
    /* max-height: 80%; */
    border: 10px solid #000000;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}
#errorBox .error-content {
    overflow-y: auto;
    overflow-x: hidden;
    padding:20px 20px;
    max-height: 500px;
}

.close-overlay {
    background-image:url('/static/images/overlay-close.png');
    position:absolute;
    right:-24px;
    top:-26px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* expand menu */
fieldset.sm-expand-menu {
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 1px 1px 0;
}

fieldset.sm-expand-menu-last {
    border-width: 1px !important;
}

.sm-expand-menu div.open A {
    background:url('/static/images/sm-gray-arrow-down.png') 100% 5px no-repeat;
    display:block;
    color:#444; 
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px;
}
.sm-expand-menu div.closed A {
    background:url('/static/images/sm-gray-arrow-up.png') 100% 5px no-repeat;
    display:block;
    color:#444;
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px;
    
}
.sm-expand-menu div A:hover {
    text-decoration:none;
}

.sm-expand-menu div {
	width: 100%;
	padding: 5px 0;
	background: #cccccc;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cccccc');
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#cccccc));
    background: -moz-linear-gradient(top,  #ededed,  #cccccc);
}

.sm-expand-menu ul li {
	margin-left: 6px;
	padding-bottom: 3px;
}

.sm-expand-menu input[type="checkbox"], .sm-expand-menu input[type="radio"], .sm-expand-menu input.checkbox, .sm-expand-menu input.radio {
	margin-right: 2px;
}

.sm-expand-menu SElECT {
	width: 236px;
}