/***************************************/
/*************Global Options************/
/***************************************/
html {
	overflow-y: scroll;
}

table, td {
	font-size: 12px;
	line-height: 1.4;
}

hr{
	background-color: #DADAD8;
	color: #DADAD8;
	height: 1px;
	border: 0;
}

body{
	background: #171717;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: center;
}

a{
    text-decoration: none;
}

a:hover{
        color: #45A8F2;
}

/***************************************/
/***********Login Page******************/
/***************************************/

#bodyWrapper{
        width:700px;
        margin: 0 auto;
	color: #000;
	text-align: left;
}

#bodyWrapper a{
        text-decoration: none;
}

#header{
        background: url(images/header_background.gif) center top no-repeat;
        min-height: 22px;
        width: 680px;
		_width: 700px;
        padding: 122px 10px 0px 10px;
}
#headerlink {
	position: absolute;
	top: 50px;
	margin: 0 auto;
	width: 275px;
	height: 40px;
}

#header li{
        display: inline;
        margin-left: 5px;
        float: left;
}

#bodyCon{
        background: url(images/body_background.gif) repeat-y;
        float: left;
        width: 700px;
}

#bodyCon a{
	color: #555;
}
#bodyCon a:hover{
        color: #45A8F2;
}

#footer{
        background: url(images/footer.gif) top center no-repeat;
        padding: 20px 0px 10px 0px;
        width: 700px;
        float: left;
	color: #FFF;
	text-align: center;
}

#footer a{
	color: #888;
}
#footer a:hover{
        color: #45A8F2;
}

.formbox{
	border:1px solid #999999;
	margin: 5px;
	height: 20px;
}

input{
	border:1px solid #999999;
	margin: 5px;
	height: 20px;
}

.formbutton{
	background:none repeat scroll 0 0 #0DABF5;
	border: none;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-transform: uppercase;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	font-size: 12px;
	height: auto !important;
	vertical-align: middle;
	padding: 0px 5px 1px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}

.formbutton:hover { color: #444 !important; }


/***************************************/
/***********TABLES SUCK***************/
/***************************************/

.red {
	border: 1px solid red;
}

.red td{
	border: 1px solid red;
}
	

/***************************************/
/**********Content Divs***************/
/***************************************/

.content {
        float: left;
        width: 680px;
        margin: 10px 10px;
}

.content a{
	color: #555;
}
.content a:hover {
        color: #45A8F2;
}

.contentHeader {
        float: left;
        clear: both;
        width: 680px;
        height: 20px;
        background: url(images/infoBoxHeader.gif) top left no-repeat;
}

.contentBody {
        float: left;
        width: 660px;
		background: url(images/infoBoxBackground.gif) top left repeat-y;
        padding: 0px 10px 0px 10px;
		_width: 680px;
}

.contentFooter {
        float: left;
        clear: both;
        width: 100%;
        height: 11px;
        background: url(images/infoBoxFooter.gif) top center no-repeat;
}

.contentH1{
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	margin-bottom:8px;
	text-decoration:none;
	color:#333333;
}

.contentHEAD{
        font-family:Arial;
        font-size:18px;
        font-weight:normal;
        margin-bottom:8px;
        text-decoration:none;
        color:#333333;
}

/***************************************/
/***********Button Class****************/
/***************************************/

.button{
        background: url(images/button_box.gif) no-repeat;
        float: left;
        width: 152px;
        height: 60px;
        margin: 10px 0px 0px 18px;
	color: #555;
}

.button p{
        font-size: 14px;
        color: #595858;
	margin: 7px 10px 0px 10px;
}

.button h1{
        font-size: 14px;
        font-weight: normal; 
        margin: 0px 0px 0px 10px;
}



.button a:hover{
        color: #45A8F2;
}

.button a{
        color: #555;
        text-decoration: none;

}
.button img {
	margin: 15px 10px -10px 0;
	border: none !important;
}

.button2{
        background: url(images/button_box.gif) no-repeat;
        width: 152px;
        height: 60px;
        margin: 10px 0px 0px 10px;
	padding: 12px 0 0 0;
        color: #555;
	text-align: center;
}

.button2 p{
        font-size: 14px;
        color: #595858;
}

.button2 h1{
        font-size: 14px;
        font-weight: normal;
}



.button2 a:hover{
        color: #45A8F2;
}

.button2 a{
        color: #555;
        text-decoration: none;

}
.button2 img {
        margin: 15px 10px -10px 0;
        border: none !important;
}


/***************************************/
/********* Options Class ***************/
/***************************************/

.optionsHeader{
        float: left;
        clear: both;
        width: 680px;
        height: 20px;
        background: url(images/infoBoxHeader.gif) top left no-repeat;
}

.optionsBody{
        padding: 10px 0px 10px 10px;
        color: #000;
	text-align: left;
}

.options{
	float: left;
        background: url(images/infoBoxBackground.gif) top left repeat-y;
        width: 680px;
	margin: 0px 10px 10px 10px;
}

.optionsFooter{
        float: left;
        clear: both;
        width: 680px;
        height: 11px;
        background: url(images/infoBoxFooter.gif) top center no-repeat;
}

.options p{
        font-size: 10px;
	line-height: 8px;
        color: #595858;
        margin-top: 5px;
}

.options h1{
        font-size: 14px;
        font-weight: normal;
        color: #595858;
        margin-left: 40px;
        margin-bottom: 0px;
}
.options a:hover{
        color: #45A8F2;
}

.options a{
        color: #555;
        text-decoration: none;
}

.closebutton {
	float: right;
	display: block;
}


/***************************************/
/***************Fine Tuning*************/
/***************************************/

.logoutButton{
	float: right;
	color: #FFF;
}
.logoutButton a {
	color: #FFF;
}
.logoutButton a:hover {
        color: #45A8F2;
}

#accountInfo {
	float: left;
	color: #FFF;
}
#accountInfo a {
	color: #FFF;
}
#accountInfo a:hover {
        color: #45A8F2;
}
.totheleft {
	float: left;
	margin-left: 10px;
	color: #555555;
	margin-bottom: 6px;
	clear: left;
}
.totheright {
	float: right;
	margin-right: 10px;
	margin-bottom: 6px;
	border: solid 1px #DADAD8;
}

.totheright img{

}
	

/***************************************/
/***************************************/
/***************************************/