/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox {
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:704px; /* 500 */
	/* margin:-220px 0 0 -250px; */
	margin:-220px 0 0 -352px;
	border:0px solid #2c62a7;
	background: transparent;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#TB_window #login-wrapper{width: 704px}
#TB_window #login-header{width: 704px; height: 55px; background: transparent url(../images/bg-login-top.png) left top no-repeat; overflow: hidden; position: relative;}
#TB_window #login-outer{width: 704px; background: transparent url(../images/bg-login.png) left top repeat-y;}
#TB_window #login-upper{background: #e6e6e6 url(../images/bg-login-inner.gif) left top repeat-x; width: 674px; margin-right: 6px; padding-bottom: 15px; overflow: auto}
#TB_window #login-outer h5, #TB_window #login-lower h5, #TB_window #upper-right h5 {font-weight: bold; font-size: 16px; color: #009fda; margin-bottom: 10px;}
#TB_window #login-outer p,#TB_window #upper-right p {font-size: 12px; color: #666;}
#TB_window #upper-left{float: left; width: 305px; padding: 15px 15px 0px 15px; border-right: 1px solid #ddd;}

#TB_window #upper-right{position: absolute; left: 360px; top: 67px; width: 310px; padding: 15px 15px 0px 15px;}

#TB_window #upper-right p, #TB_window #upper-left p {height: 50px}

#TB_window #upper-left p.extras {height: auto}

#TB_window #upper-left p.extras a:visited {color: #005596}

#TB_window #upper-right span.primaryButton, #TB_window #upper-left span.primaryButton,#no-border span.primaryButton {margin-left: 2px}

#TB_window #upper-right span.primaryButton input, #TB_window #upper-left span.primaryButton input,#no-border span.primaryButton input {width: auto!important}

#TB_window #login-outer dl, #TB_window #upper-right dl { width: 310px; overflow: hidden; margin: 15px 0px 10px 0px; padding: 0}
#TB_window #login-outer dt, #TB_window #upper-right dt{float: left; width: 65px; margin-bottom: 8px}
#TB_window #login-outer dd, #TB_window #upper-right dd{float: left; width: 215px; margin-bottom: 8px}

#TB_window #login-wrapper label, #TB_window #upper-right label {font-size: 12px; font-weight: bold; color: #666; display: block; position: relative; top: 7px;}
dd input {width: 210px!important}
.tf{border: 1px solid #ccc; padding: 2px 3px; width: 150px}
.btn-login{display: block; width: 60px; height: 26px; background: transparent url(../images/btn-login.gif) left top no-repeat;}
.btn-login:hover{background-position: left bottom;}
#TB_window #upper-right p.extras, #TB_window  #upper-left p.extras{color: #666; font-size: 11px !important;}
#TB_window #upper-right p.extras a, #TB_window #upper-left p.extras a{color: #0073b0; font-size: 11px;}

#TB_window #login-lower{background: #d3d3d3 url(../images/bg-login-footer.gif) left top repeat-x; margin-right: 6px; padding: 15px; overflow: auto; *height: 1%; margin-top: auto;}
#TB_window #lower-left{float: left; width: 304px; padding-right: 30px; margin:auto; border: none;}
#TB_window #lower-right{float: right; width: 304px; padding-right: 30px;}

#TB_window #login-lower{background: #d3d3d3 url(../images/bg-login-footer.gif) left top repeat-x; margin-right: 6px; padding: 15px; overflow: auto; *height: 1%;}
#TB_window #lower-left{float: left; width: 304px; padding-right: 30px;}
#TB_window #lower-right{float: right; width: 304px; padding-right: 30px;}

#TB_window #login-lower ul li{margin-left: auto; padding-left: 10px; padding-bottom: 5px; background: transparent url(../images/light_blue_arrow_icon.gif) 0px 3px no-repeat; font-size: 12px; color: #666; margin-bottom:4px;}

#TB_window #login-lower ul li{padding-left: 10px; padding-bottom: 5px; background: transparent url(../images/light_blue_arrow_icon.gif) 0px 3px no-repeat; font-size: 12px; color: #666; margin-bottom:4px;}

#TB_window #login-lower{background: #d3d3d3 url(../images/bg-login-footer.gif) left top repeat-x; margin-right: 6px; padding: 15px; overflow: auto; *height: 1%;}
#TB_window #lower-left{float: left; width: 304px; padding-right: 30px;}
#TB_window #lower-right{float: right; width: 304px; padding-right: 30px;}

#TB_window #login-lower ul li{padding-left: 10px; padding-bottom: 5px; background: transparent url(../images/light_blue_arrow_icon.gif) 0px 3px no-repeat; font-size: 12px; color: #666; margin-bottom:4px;}

.arrowBullet {background: transparent url(../images/light_blue_arrow_icon.gif) 0px 3px no-repeat; padding-left: 10px}
.arrowBullet:visited {color: #005596}
#TB_window #login-lower ul li{padding-left: 10px; background: transparent url(../images/arrow-login.gif) 0px 3px no-repeat; font-size: 12px; color: #666; margin-bottom:4px;}
/* #btn-close {float: right; width: 15px; height:15px; display: none; margin: 10px 16px 0px 0px;} */
#TB_ajaxContent #btn-close {display:block}

#btn-close {float: right; width: 15px; height:15px; margin: 10px 16px 0px 0px;}

/* Errors and warnings */
div .caution {
	clear: left;
	background: url(../images/caution.gif) no-repeat 0 3px;
	padding: 3px 3px 3px 20px;
	color: #C00;
}

div .caution p {
	color: #C00 !important;
}


div.caution {margin: 1.3em 0}

div.caution p {margin-top: 0}

div.caution ul li {
	background: none;
	list-style-type: disc;
	margin-left: 14px;
	padding-left: 0;
}



#login-wrapper div.caution {
	margin: 0;
}

#login-wrapper div.caution p {
	height: auto;
}


#login-wrapper{width: 694px; background: ;margin:0 18px;}
#login-header{width: 704px; height: 55px; background: transparent url(../images/bg-login-top.png) left top no-repeat; overflow: hidden; position: relative}
#login-outer{width: 698px; background: transparent url(../images/bg-login.png) left top repeat-y}
#login-upper{width: 674px; margin-right: 6px; padding-bottom: 15px; overflow: auto}
#no-border h5, #upper-left h5, #login-lower h5, #upper-right h5 {font-weight: bold; font-size: 16px; color: #009fda; margin-bottom: 10px;}
#no-border p, #upper-left p, #upper-right p {font-size: 12px; color: #666;height: 20px;}
#upper-left{float: left; width: 400px; padding: 15px 15px 0px 15px;}

#no-border p.extras, #upper-left p.extras {height: auto}

#upper-left p.extras a:visited, #upper-left p.extras a:visited {color: #005596}

#upper-right span.primaryButton, #upper-left span.primaryButton {margin-left: 2px}

#upper-right span.primaryButton input, #upper-left span.primaryButton input {width: auto!important}

#no-border dl, #upper-left dl, #upper-right dl { width: 310px; overflow: hidden; margin: 15px 0px 10px 0px; padding: 0}
#no-border dt, #upper-left dt, #upper-right dt{float: left; width: 65px; margin-bottom: 8px}
#no-border dd, #upper-left dd, #upper-right dd{float: left; width: 215px; margin-bottom: 8px}

#upper-left label, #upper-right label {font-size: 12px; font-weight: bold; color: #666; display: block; position: relative; top: 7px;}

#no-border dd input.tf, #upper-left dd input.tf, #upper-right dd input.tf{ background-color: #FFFFFF;}

#login-lower{background: #d3d3d3 url(../images/bg-login-footer.gif) left top repeat-x; margin-right: 6px; padding: 15px; overflow: auto; *height: 1%;}
#lower-left{width: 305px; padding: 15px 15px 15px 15px; border-right: 1px solid #ddd;clear:both;float:left;}
#lower-right{float: right; width: 322px; padding: 15px 15px 15px 15px;}



#login-lower ul li{padding-left: 10px; padding-bottom: 5px; background: transparent url(../images/light_blue_arrow_icon.gif) 0px 3px no-repeat; font-size: 12px; color: #666; margin-bottom:4px;}

#login-lower ul li{padding-left: 10px; background: transparent url(../images/arrow-login.gif) 0px 3px no-repeat; font-size: 12px; color: #666; margin-bottom:4px;}

#upper-right{
	padding: 15px 28px 0;
	position: absolute; left: 360px; width: 310px;
}
#lower-left{
	border-right: none;
}

#no-border, #lower-left, #lower-right{
	width: 304px;
}	

#no-border {
    float: left;
    padding: 15px 15px 0;
}