/*******************
	Page Layout
********************/

#pageWrapper{ width:740px; margin:0 auto; position:relative; overflow:auto; text-align:left; height:600px; display:none; }

.LoginOuter{width:400px; position:absolute; left:auto; top:210px; margin-left:154px; z-index:1000; background-color:#A0A0A0; height: 350px; border: solid 2px #646464; filter: alpha(opacity=90);  opacity: 0.90; font-size:16px; display: none; }
.LoginInner{color: White;height: 336px;border: solid 2px white;padding: 5px 5px 5px 5px;text-align:left;}

#headerPopup{border-bottom: 1px solid white; background-color: Black; color: white; vertical-align: top; float: none; height: 28px;}
	#headerPopup h1{font-size:1.2em; margin:0; color:#fff; font-family:Arial,Helvetica,sans-serif; padding:2px 6px 0 6px; }
	#headerPopup h1 a{ display:block;float:right; }

.LoginOuter form{ font-family: Arial,Helvetica,sans-serif;  }
.LoginOuter form p{ clear:both; width:100%; overflow:auto; margin-bottom:0; }
.LoginOuter form p.desc{ margin:40px 0 20px 0; }
.LoginOuter form p.row label{ width:150px; padding-right:5px; color:#fff; font-weight:normal; float:left; text-align:right; }
.LoginOuter form p.row input{ width:200px; float:left; border:none; padding:2px 4px; margin:0 0 5px 0; }
.LoginOuter form p.utils{ margin:12px 0; font-size:14px; }
.LoginOuter form p.utils a{ float:right; margin-right:24px; color:#fff; }
.LoginOuter form p.utils input{ margin:0 5px 0 155px; padding:0; }
.LoginOuter form p.utils label{ font-weight:normal; }

#createAccountTrigger,
#lostPasswordTrigger{ color:#fff; float:right; clear:right; font-size:14px; margin-right:24px; }

.message{ border: 1px solid white; background-color:#737373; padding:4px; color:orange; font-size:12px; margin-right:24px; }

.thankyou { display:none; }


/*************************
	Site wide elements
**************************/
.inside{ padding:12px; }

/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

*, *:active, *:focus {outline: 0;outline-style: none;outline-width: 0px;-moz-outline-width: 0px;}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.loggedIn{margin-bottom: 1em; color: #2c2d87; display: block; }
.loggedIn strong{display: block;color: #000; font-weight: normal;}