﻿body {margin: 0px; min-width: 1000px; font-family: Arial, Sans-Serif; font-size: 16px; color: #101010; background-color: #FFFFFF}

a:link, a:visited, a:active, a:hover, .fakelink { color: #063E78; text-decoration: none }

h1, h2, h3, h4 { margin:0px; font-weight:100 }

a img { border:none }

@media print  { .noprint  { display: none; } .scrollup { top:-100000px !important } }
@media screen { .noscreen { display: none; } }

.whitetext{color: #FFFFFF}
.greytext{color: #676767}
.blacktext{color: #101010}
a.blacktext{color: #101010 !important}
.bluetext{color: #063E78}
.redtext{color: #BF2129}

.centertext { text-align: center }

.boldfont{font-weight: bold}
.italicfont{font-style:italic}

.header1font{font-size: 32px}
.header2font{font-size: 26px}
.header3font{font-size: 20px}
.header4font{font-size: 18px}
.bodyfont{font-size: 15px}
.smallfont{font-size: 14px}
.minifont{font-size: 13px}

.linkspan{cursor: pointer}
.largecheck{height: 17px; width: 17px;}

#topbarbgdiv{height: 40px; width: 100%; background-color: #101010; z-index: 11020; top: 0px; left: 0px; min-width: 1000px}
#topbardiv{height: 40px; width: 100%; background-color: transparent; z-index: 11022; top: 0px; left: 0px; min-width: 1000px}

#logoouterdiv{z-index: 11021; top: 15px; left: 0px; width:  100%; height: 115px; min-width: 1000px;}
#logodiv{width: 980px; height: 115px; margin-left: auto; margin-right: auto; text-align: left;}

#navouterdiv{z-index: 11030; top: 40px; left: 0px; width:  100%; height: 85px; min-width: 1000px;}
#navbackgrounddiv{height: 85px; width: 100%; background-color: #FFFFFF; z-index: 11000; top: 40px; left: 0px; border-bottom: solid 4px #676767; opacity: .95; min-width: 1000px;}

.button-gray {
	padding: 4px 8px 4px 8px;
	display: inline-block;
	color: #ffffff !important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #676767;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.button-gray a { color:#FFFFFF }
.button-gray:hover {background-color: #101010;}
.button-gray:active {background-color: #101010;}

.button-red {
	padding: 4px 8px 4px 8px;
	display: inline-block;
	color: #ffffff !important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #BF2129;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.button-red a { color:#FFFFFF }
.button-red:hover {background-color: #676767;}
.button-red:active {background-color: #676767;}

input.socialbutton{
    height:30px; 
    width: 30px; 
    font-size: 14px;
    color: #FFFFFF;
    background-color: transparent; 
    padding: 3px 3px 3px 3px;
    text-align: right;
    cursor:pointer;
    border: none;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 0px #666;
    -webkit-box-shadow: 0px 0px 0px #666;
    box-shadow: 0px 0px 0px #666;
    outline: 0;
    -webkit-appearance: none;  
}
input.loginbutton{
    height:30px; 
    width: 80px; 
    font-size: 14px;
    color: #FFFFFF;
    background-color: #404040; 
    padding: 3px 10px 3px 32px;
    text-align: right;
    cursor:pointer;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 0px #666;
	-webkit-box-shadow: 0px 0px 0px #666;
	box-shadow: 0px 0px 0px #666;
	outline: 0;
	-webkit-appearance: none;  
}

.accountbutton{
    height:30px; 
    width: 80px; 
    font-size: 14px;
    color: #FFFFFF;
    background-color: transparent; 
    padding: 3px 10px 3px 3px;
    text-align: left;
    cursor:pointer;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 0px #666;
	-webkit-box-shadow: 0px 0px 0px #666;
	box-shadow: 0px 0px 0px #666;
	outline: 0;
	-webkit-appearance: none;  
}

input.loginlinkbutton{
    height:30px; 
    width: 140px; 
    font-size: 14px;
    color: #FFFFFF;
    background-color: transparent;
    padding: 3px 10px 3px 32px;
    text-align: right;
    cursor:pointer;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 0px #666;
	-webkit-box-shadow: 0px 0px 0px #666;
	box-shadow: 0px 0px 0px #666;
	outline: 0;
	-webkit-appearance: none;  
}

#navdiv{width: 980px; height: 85px; margin-left: auto; margin-right: auto; text-align: left;}
#navtable{width:980px; height: 85px; background-color: transparent;}
.navlink{cursor: pointer; font-size: 14px;}
.navhighlight {
    height: 5px;
    width: 100%;
    font-size: 1px;
    background-color: #063E78;
    border: 1px solid #063E78;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 0px #666;
    -webkit-box-shadow: 0px 0px 0px #666;
    box-shadow: 0px 0px 0px #666;
    outline: 0;
    -webkit-appearance: none;
    margin-top: 5px;
    margin-bottom: 20px;
    display: none;
}
.navhighlightselected {
    height: 5px;
    width: 100%;
    font-size: 1px;
    background-color: #808080;
    border: 1px solid #808080;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 0px #666;
    -webkit-box-shadow: 0px 0px 0px #666;
    box-shadow: 0px 0px 0px #666;
    outline: 0;
    -webkit-appearance: none;
    margin-top: 5px;
    margin-bottom: 20px;
    display: block;
}
/*********************************************************************************************/
/* Mini Nav Bar*/
#mininavbg{position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; background-color: #101010; display: none; z-index: 11999}
#mininavouterdiv{position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; background-color: transparent; display: none; z-index: 12000; min-width: 688px; border-bottom: 1px solid #FFFFFF}
#mininav{width: 1000px; height: 40px; margin: 5px auto 5px auto; background-color: transparent;}
#socialbar_mini{position: fixed; top: 5px; right: 0px; width: 31.2%; min-width: 312px; height: 40px; z-index: 15001; display:none }

/*********************************************************************************************/
/*********************************************************************************************/
/* Mini 2 Nav Bar*/
#mininavbg2{position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; background-color: #101010; display: none; z-index: 11999}
#mininavouterdiv2{position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; background-color: transparent; display: none; z-index: 12000; min-width: 688px; border-bottom: 1px solid #FFFFFF}
#mininav2{width: 1000px; height: 40px; margin: 5px auto 5px auto; background-color: transparent; border: 1px #BF2129 dashed}
/*#socialbar_mini{position: fixed; top: 5px; right: 0px; width: 31.2%; min-width: 312px; height: 40px; z-index: 15001; display:none }*/

/*********************************************************************************************/


/*Login Box*/
#loginboxshell
{
    position: fixed;
    top: 40px;
    right: 2%;
    z-index: 11040;
    height: 460px;
    width:  450px;
    background-color:  #101010;
    border: 1px solid #101010;
    -moz-border-radius: 0px 0px 0px 10px;
    -webkit-border-radius: 0px 0px 0px 10px;
    border-radius: 0px 0px 10px 10px;
    -moz-box-shadow: 0px 0px 0px #101010;
    -webkit-box-shadow: 0px 0px 0px #101010;
    box-shadow: 0px 0px 0px #101010;
    outline: 0;
    -webkit-appearance: none;
    //opacity: .9;
    display:  none;	
}

.loginbox{
    position: fixed;
    top: 40px;
    right: 2%;
    z-index: 11041;
    height: 470px;
    width: 450px;
    background-color: transparent;
    display: none;
}

.loginboxcontent{margin: 18px 10px 0px 10px; background-color: transparent; width: 430px; height: 460px; font-size: 15px; color: #FFFFFF}

input.loginfield{
    font-size: 18px;
    height: 30px;
    width: 250px; 
    color:#101010;
    padding: 0px 10px 0px 10px;
    border: 1px solid #676767;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 0px #676767;
	-webkit-box-shadow: 0px 0px 0px #676767;
	box-shadow: 0px 0px 0px #676767;
	outline: 0;
	-webkit-appearance: none;}
/*********************************************************************************************/
#account_menu_shell
{
    position: fixed;
    top: 40px;
    right: 20px;
    z-index: 11040;
    height: 360px;
    width:  400px; /* Was 200px as Single */
    background-color:  #101010;
    border: 1px solid #101010;
    -moz-border-radius: 0px 0px 0px 10px;
    -webkit-border-radius: 0px 0px 0px 10px;
    border-radius: 0px 0px 10px 10px;
    -moz-box-shadow: 0px 0px 0px #101010;
    -webkit-box-shadow: 0px 0px 0px #101010;
    box-shadow: 0px 0px 0px #101010;
    outline: 0;
    -webkit-appearance: none;
    display:  none;	
}
#account_menu_content{margin: 18px 10px 0px 10px; background-color: transparent; width: 380px; height: 350px; font-size: 15px; color: #FFFFFF;} /* Was width: 180px as Single*/
.account_menu_item{overflow: hidden;}
.account_menu_bullet{float: left; width: 24px; height: 30px; font-size: 28px; text-align: right; padding-right: 5px;}
.account_menu_link{float: left; color: #FFFFFF; font-size: 14px; height: 16px; padding: 7px 0px 7px 0px;}
.account_menu_link.left {width: 130px;}
.account_menu_link.right {width: 192px}
.account_menu_link a {color: #FFFFFF; text-decoration: none;}
.account_menu_divider{height: 2px; width: 96%; margin: 4px auto 2px auto; border-top: 2px solid white;}
#account_menu_logout_div{width: 100%; height: 50px; padding-top: 10px; text-align: center;}
#account_menu_logout{
    height:40px; 
    width: 100px; 
    font-size: 15px;
    color: #FFFFFF; 
    padding: 3px 32px 3px 10px;
    text-align: left;
    cursor:pointer;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 0px #666;
	-webkit-box-shadow: 0px 0px 0px #666;
	box-shadow: 0px 0px 0px #666;
	outline: 0;
    background: transparent url('/images/icons/icon_logout.png') no-repeat right center;
	-webkit-appearance: none;  
}

/********************************************************************************************/

#footercontent{width: 1000px; margin-left: auto; margin-right: auto; color: #FFFFFF; padding-top: 20px; font-size: 15px; background-color: transparent}
.footerlink:link, .footerlink:visited{color: #FFFFFF; text-decoration: none;}
.footerlink:hover{text-decoration: underline}
.subfooterlink:link, .subfooterlink:visited {color: #FFFFFF; text-decoration: none }
.subfooterlink:hover{text-decoration:underline}

#alertbg{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 15000; background-color: #101010; opacity: .6; display: none;}
#alertouterdiv{position: fixed; top: 150px; left: 0px; width: 100%; height: 200px; background-color: transparent; z-index: 15001; display: none;}
#alertdiv{margin: 10px auto 10px auto; height: 180px; width: 400px; 
    background-color: #CCCCCC;
    padding: 0px 10px 0px 10px;
    border: 1px solid #101010;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 0px #676767;
	-webkit-box-shadow: 0px 0px 0px #676767;
	box-shadow: 0px 0px 0px #676767;
	outline: 0;
	-webkit-appearance: none;}
#alerttitle{width: 380px; margin: 5px 10px 0px 10px; height: 30px; font-size: 24px; font-weight: bold;}
#alertmessage{width: 380px; height: 90px; max-height: 90px; margin: 10px 10px 0px 10px;}
#alertclosediv{width: 370px; text-align: right; margin: 0px 15px 0px 15px;}
.alertbutton{background-color: #101010; color: #FFFFFF;
    padding: 3px 10px 3px 10px;
    border: 1px solid #101010;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 0px #676767;
	-webkit-box-shadow: 0px 0px 0px #676767;
	box-shadow: 0px 0px 0px #676767;
	outline: 0;
	-webkit-appearance: none;
    cursor: pointer;
}

.footernavtable { width: 1000px; color: #FFFFFF; border: none }
.footernavtabletd1 { width: 300px; height:25px }
.footernavtabletd2 { width: 275px; height:25px }
.footernavtabletd3 { width: 425px }
.footernavtabletd123 { height: 30px; text-align:center; padding-top:5px }
/*
#alertblackout{position:fixed; top: 0px; left:0px; z-index: 11990; width: 100%; height: 100%; background-color: #101010; opacity: .5; display: none}
#alertbox
{
    position: fixed;
    left: 50%;
    top: 50%;
    height: 250px;
    margin-top: -125px;
    width: 500px;
    margin-left: -250px;
    border: solid 1px black;
    -moz-border-radius: 10px;  
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 0px #676767;
	-webkit-box-shadow: 0px 0px 0px #676767;
	box-shadow: 0px 0px 0px #676767;
    outline: 0;
    background: #E0E0E0 url(../images/watermark_alert.png) no-repeat left center;
    z-index:12000;
    display: none;
}
#alertbox_title{height: 40px; margin-left: 50px; padding-top: 10px; font-weight: bold; font-size: 18px}
#alertbox_content{height: 160px; margin-left: 150px}
#alertbox_buttons{height: 50px; margin-left: 50px; text-align: right; width: 425px;}
*/
