@charset "utf-8";

/*color guide*/
.blue	 { color: #008EE1; }
.purple	 { color: #392E73; }
.gray	 { color: #777; }
.lt-gray { color: #ddd; }


body { font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #777; background: #d4d4d4 url(../images/mainbg.png) repeat-x; }

/****** reduce margin for forms ******/
form{margin: 0px 0px 0px;}

input, textarea, select{
font-size: 11px;
margin:2px;
}

a /*blue*/ { outline:none; text-decoration:none; color:#008EE1; } a:hover /*purple*/ { color:#392E73; } 

img {
border: none;
}

p { padding: 5px 0;}
h1 { font-size: 36px; padding: 10px 0;}
h2 { font-size: 14px; padding: 10px 0;}
h3 { font-size: 18px; padding: 10px 0;}
h1 sup{position: relative;top: -1ex; left:5px;vertical-align:baseline;font-size: 18px;}

blockquote{margin-left:25px; width:520px;}

.formlabel { 
font-weight:bold;
}

/************************************/
/* Main CSS 					    */
/************************************/
#wrapper { margin: 0 auto; background: #fff; width: 960px; padding: 30px 0px; }

.fl { float: left; } .fr { float:right; }

#header { margin: 0 20px; }

#content { margin: 0 20px; min-height: 500px; }


.clear { clear: both; }
.clear-5  { clear: both; padding: 5px 0; }
.clear-10 { clear: both; padding: 10px 0; }
.clear-20 { clear: both; padding: 20px 0; }
.clear-30 { clear: both; padding: 30px 0; }

.left{
float:left;

}

.middle {
margin-left:250px;
}

.right {
float:right;
}


#footer	{height:140px; font: 10px Arial, Helvetica, sans-serif; line-height: 16px; border-top: 1px #ddd solid; padding: 15px 0 0; margin: 60px 20px 0;}
#footer a { color: #777;} #footer a:hover { color: #008EE1; }
.sitemap div { float: left; padding-right: 40px; }
.legal { float: right; padding: 0; text-align: right }


.select			{width: 80px; height: 25px;	display: block; background-image: url(../images/select.png); text-indent: -9999px; text-align:left;}
.select:hover	{background-position: 0px -25px;}
.select-p		{width: 80px; height: 25px;	display: block;	background-image: url(../images/select.png); text-indent: -9999px; text-align:left;}
.select-p:hover	{background-position: 0px -50px;}


.footseparator{
background: url(../images/footseparator.png);
background-repeat:repeat-x;
}

.spacer {
clear: both;
visibility: hidden;
height: 2px;   
}

#userinfo{float:right;margin-top:-30px;margin-right:20px;font-size:10px;color:#008EE1;}


#blankdiv{
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
background-color:#000000;
z-index: 11;
}

#popupdiv{
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 480px;
height: 480px;
z-index: 12;
}


#closebtn{
z-index:100;
position: absolute;
right: 4px;
top: 4px;
width:16px;
height:16px;

}


#tooltipdiv{
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 360px;
z-index: 12;
background-color:#fff;
border-left: 2px solid #afafaf;
border-right: 2px solid #afafaf;;
border-top: 2px solid #afafaf;
border-bottom: 2px solid #afafaf;
text-align:justify;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
color:#270111; 
}

#registrationform{
color:#000000; 
background:#fff; 
}

/*-------------------------------------------------
FLASHES
-------------------------------------------------*/

#Flash {
text-align: left;
padding: 5px 5px 5px 5px;
font-size: 14px;
margin-bottom: 12px;
}

.login #Flash {
margin-top: 12px;
font-size: 12px;
}

#Flash.flash_notice {
text-align:center;
font-weight:bold;
border-color: #dddeee;
color: #060;
background: #eee;
}

#Flash.flash_alert {
text-align:center;
font-weight:bold;
color: red;
font-size:x-small;
text-align:center;
}

#Flash.flash_inputbox {
border-color: #dddeee;
color: #060;
background-color: #eee;
}

#Flash.flash_alert a {
color: #fff;
}

#Flash.flash_alert a:hover {
background: #000;
}

/* LOGIN SCREEN */
.login{
border-left:2px solid #dddeee;
border-top:2px solid #dddeee;
border-bottom:2px solid #cccddd;
border-right:2px solid #cccddd;
width:360px;

margin: 10px auto;
margin-top: 40px;
padding: 0;
color: #222;
background-color: #fff;
text-align: center;
}

.login div.Container {

width: 380px;
margin: 1px auto 1px auto;
min-width: 380px;
text-align:center;
}

.login h1 {
margin-bottom: 20px;
}


.login p {
margin: 10px 0 0 0;
}


.login input {
font-size: 14px;
}

.login input#uiusername, input#identity_url {
width: 200px;
}

.login input#uipassword {
width: 200px;
margin-right: 5px;
}

.login input#uisecurecode {
width: 200px;
margin-right: 5px;
}

.login input#emailpassword {vertical-align: middle;margin-right: 5px;}

.login div.AlertGood,
.login div.AlertBad {margin: 10px 0 20px 0;}

.login div#Dialog {border: 1px solid #9c9;padding: 5px 5px 5px 5px;text-align: left;background: #fff;}

.login div#Dialog h2 {margin: 0;padding: 0;}

.login div.below {
font-size: 10px;
text-align: right;
padding: 5px 0 0 0;
}

.login div.below a:link, body.login div.below a:visited {color: #666;}

.login div.below a:hover {color: #fff;background-color: #666;}

#fpass .submitbtn {width: 80px; height: 25px; background-color: #008EE1; background-image: url(../images/submit.png); display: inline-block; text-indent: -9999px;}
#fpass .submitbtn:hover { background-position: 0px -25px; cursor: pointer; }



/* Module Specific Styles

/* Main Menu */
#smoothcontainer { float:right; margin-top:-80px; }


.searchcat{color:#fff;width:190px;height:0px;background:purple;margin-top:4px;visibility:hidden;}
.searchcatclose{color:#fff;float:right;}
.searchcatclose:hover{color:red;}

/* Tab Menu */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

#tabnav { height: 60px; margin: 20px 0 30px 0; color: #fff; text-transform: uppercase; text-align: right; margin-left:-20px;}
#tabnav a, tabnav a:hover { color: #fff; }

.ui-tabs ul { width: 920px; padding: 0 20px; background: #008EE1 url(../images/tabnavbg.png); height: 30px; line-height: 30px; }

.ui-tabs .ui-tabs-nav { list-style: none; }
.ui-tabs .ui-tabs-nav li { display: inline-block; width: 210px; font-size: 14px; text-align: right;}
.ui-tabs .ui-tabs-nav li .ui-tabs-selected { color: #f00; }
.ui-tabs .ui-tabs-panel { height: 30px; line-height: 30px; }
.ui-tabs .ui-tabs-panel p { float: right; padding: 0 20px 0 0; font-weight: bold; background: url(../images/tabnav-panelbg.png) repeat-y; }
.ui-tabs .ui-tabs-panel p a { margin: 0 0 0 20px; } /*2nd level tab nav*/
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabmain-1 a{}
#tabmain-2 a{margin-right: 20px;}
#tabmain-3 a{margin-right: 40px;}

#tabs-1 p{margin-right: 410px;}
#tabs-2 p{margin-right: 215px;}
#tabs-3 p{margin-right: -20px;}

/* Tip of the Week */

#comment .separator{border-top: 1px #ddd solid;}
#comment p{margin-left:10px;}

/* Rolodex Tab*/
#rolodextab {
border:solid;
}

.rolotab {
float:left;
width:120px;
text-align:center;
border:solid;
}


#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
border:1px solid #cecece;
z-index:1000;
}

#popupLoginClose {
  font-size:12px;
  right:6px;
  top:5px;
  position:absolute;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  display:block;
}

#login {
  width: 600px;
  height: 440px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -240px;
  background: url(../images/popupbg.png);
  padding: 10px 20px 30px 20px;
  overflow: hidden;
  display: none;
  z-index:2000;
  font-size:12pt;
}

#bgpopupcoming {
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  height:100%;
  width:100%;
  top:0;
  left:0;
  border:1px solid #cecece;
  z-index:1000;
}

#popupcoming {
width: 500px;
height: 240px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -270px;
margin-top: -150px;
background: url(../images/popupbg.png);
padding: 10px 20px 30px 20px;
overflow: hidden;
display: none;
z-index:2000;
font-size:12pt; 
}

#login #titletext {font-size:16pt; padding-bottom:30px;}
#login .bank {color:#fff}
#login input { color: #777; border: none; background-color: #fff; height: 15px; width:260px;padding: 5px;}
#login .submit {width: 80px; height: 25px; background-color: #008EE1; background-image: url(../images/login.png); display: inline-block; text-indent: -9999px;}
#login .submit:hover { background-position: center bottom;}
#login-form {color: #fff;}
#login-ad {position: absolute; bottom: 0px; margin-bottom: 20px;}
#login p.bank {color:#333;}

.reply, .cancel, .send,	.submit, .next {width: 80px; height: 25px; display: inline-block; text-indent: -9999px; text-align:left; margin: 0 10px 0 0; }
.reply:hover, .cancel:hover, .send:hover, .submit:hover, .next:hover { background-position: 0px -25px; cursor: pointer; }
.reply { background-image: url(../images/reply.png); }
.cancel { background-image: url(../images/cancel.png); }
.send { background-image: url(../images/send.png); }
.submit { background-image: url(../images/submit.png); }
.next { background-image: url(../images/next.png); }

.search	{ width: 25px; height: 25px; display: inline-block; background-image: url(../images/search.png); text-indent: -9999px; text-align:left; background-position: 0px -25px; }
.search:hover { background-position: 0 0;}

.download, .download-p	{ width: 25px; height: 25px;	display: inline-block; background-image: url(../images/download.png); text-indent: -9999px; text-align:left; }
.download:hover			{ background-position: 0px -25px;}
.download-p:hover		{ background-position: 0px -50px;}

.close		a	{ width: 14px; height: 14px; display: block; background-image: url(../images/close.png); text-indent: -9999px; text-align:left; float: right; }
.close a:hover	{ background-position: 0px -14px; cursor: pointer; }


#advert  { 
width: 160px; 
padding: 10px 0 5px 10px; 
float: right; 
margin: 0 -20px 0 0; 
background: #d4d4d4 url(../images/mainbg.png) repeat-x -100px -292px; }

#advert img { float: left; padding-bottom: 5px; }


.sponsor-label {
background: #392E73;
height: 30px;
line-height: 30px;
color: #fff; 
padding: 0 10px;
font-size: 12px;
border-bottom: #fff 1px solid;
}

#messages {
 border:1px solid #ff0000;
 padding:10px;
 width:500px;
 margin:0 auto;
 text-align:center;
}