/* COLORS

BACKGROUND SOLID COLOR: #e2e6e9
TOP LINKS: #4d6883;
PURPLE TEXT, H1 - H3: #6b1ba5;
GREEN TEXT: #91aa46;
<p> TEXT: #4d6883;
H4 - H6:#91aa46 (darker blue than <p> text);

PURPLE LINKS
ROLL OVER: #91aa46

*/

div, body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, fieldset, form {margin:0px; padding:0px;}

body {
	font-family:helvetica,arial,san-serif;
	font-size:11pt;
	line-height:1.4em;
	background:#e2e6e9 url(../images/global/gray-back-grad.gif) repeat-x left top;
	}

h1 {font-size:1.8em; line-height:1.5em;}
h2 {font-size:1.1em;}
h3 {font-size:1.0em;}
h4, h5, h6 {font-size:0.95em;}

h1, h2, h3 {color:#6b1ba5; margin:0px 40px;}
h4, h5, h6 {color:#30506f; margin:0px 40px;}

p, li, blockquote {font-size:0.9em; line-height:1.4em;}
p, li {color:#4d6883;}

p {margin:0px 40px 20px;}

blockquote {
	color:#878787;
	font-size:0.9em;
	font-style:italic;
	line-height:1.4em;
	margin:0 80px 20px;
}

.center {text-align:center;}

.clearB {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}

.floatL {float:left;}
.floatR {float:right;}

#main {width:940px; margin:0px auto; padding:10px; background-color:#fff;}

a {color:#4d6883;}
a > img {border-width:0px;}
a.selected,
a.active {color:#6b1ba5 !important;}
a:hover,
#site-links a:hover,
#social a:hover {color:#6b1ba5;}

input.start-trial-purple {background:url(../images/start-trial-button-purplegrad.png) no-repeat 0 0;}
input.start-trial-gray {background:url(../images/start-trial-button-graygrad.png) no-repeat 0 0;}

input.start-trial-purple,
input.start-trial-gray {font-size:15px; font-family:helvetica,arial,san-serif; font-weight:bold; margin:5px auto 0; border:0; text-align:center; display:block; color:#fff; background-color:transparent; width:193px; outline:none; height:45px; padding-bottom:15px;}

input.start-trial-purple:hover,
input.start-trial-gray:hover {background-position:0 -56px; cursor:pointer;}


/* HEADER ------------------------------------------------------------------------
---------------------------------------------------------------------------------- */
#header #logo{margin:5px 20px 15px;}
#header li {display:inline;}

#top-nav {width:100%; color:#4d6883; text-align:right; }
#top-nav ul {margin-left:0px;}
#top-nav li {font-size:.9em; height:1em; padding-top:0px;}
#top-nav li:after {font-family:georgia; font-size:.95em; line-height:1em; content:"|";}
#top-nav li:last-child:after {content:"" !important;}

#top-nav a {display:inline-block; top:0px; height:1em; padding:0 7px; vertical-align:middle; color:#4d6883; font-size:.75em; line-height:1em; text-decoration:none;}
#top-nav a:hover {color:#6b1ba5;}


/* PRIMARY NAV STYLES */
#nav {position:relative; z-index:13; width:100%; background:url(../images/mainnav-gray-back.gif) repeat-x left top; float:left;}

#primarynav {position: relative; width:704px; margin-left:236px;}
#primarynav li {float: left; font-size:inherit;}
#primarynav a {display:inline-block; width:176px; height:44px; padding-top:0px; background:url(../images/mainnav-purplegreen-button.png) no-repeat 0 0; color:#fff; font-size:.8em; line-height:35px; text-decoration:none; text-align:center;}
#primarynav a:hover {color:#fff; background:url(../images/mainnav-purplegreen-button.png) no-repeat 0 bottom;}

#primarynav ul {display:block; width:174px; border:1px solid #c2cbd2; border-top-width:0px; visibility: hidden; position: absolute; z-index:13; top:32px;}
#primarynav ul a {display:inline-block; width:161px; height:35px; padding-left:13px; background:none; background-color:#ebebeb; opacity:.9; color:#4d6883; text-align:left; } 
#primarynav ul a:hover {background-image:none; background-color:#c2cacf; color:#2f475f; opacity:1.0;}


/* BREADCRUMBS ------------------------------------------------------------------------
---------------------------------------------------------------------------------- */
.breadcrumbs {left:271px; top:5px; position:absolute; width:500px;}
.breadcrumbs a {text-decoration:underline;}
.breadcrumbs span {font-size:0.78em; color:#4d6883;}
.breadcrumbs .current {font-weight:bold;}


/* FOOTER ------------------------------------------------------------------------
---------------------------------------------------------------------------------- */
#footer {width:940px; margin:30px auto; color:#4d6883; font-size:.75em; line-height:1em;}
#footer a {color:#4d6883;}

#footer #flags {width:960px; height:75px; margin-bottom:10px;}
#flags #flagicons {width:550px; margin-top:10px; float:left;}
#flags select {border:1px solid #ccc; float:left; margin-top:2px;}

#flags #international {float:left; width:620px;}
#flagicons a {float:left; margin:3px 5px 0 0;}
#flagicons img {opacity:1;}
#flagicons img:hover {opacity:.5;}
#flags #social {float:right; margin-right:25px;}
#social a {display:inline-block; width:70px; height:25px; padding-top:53px; margin-right:10px; font-size:.8em; text-align:center;}
#social .facebook {background:url(../images/footer/social-facebook.gif) no-repeat center top;}
#social .twitter {background:url(../images/footer/social-twitter.gif) no-repeat center top;}
#social .twitter:hover,
#social .facebook:hover {background-position:center -102px;}

#site-links {clear:both; margin-top:10px;}
#site-links a {display:inline-block; padding:3px 4px 3px 2px; color:#4d6883;}
#site-links li {display:inline; font-size:1em;}
#site-links li:after {content:"|";}
#site-links li:first-child a {padding-left:0;}
#site-links li:last-child:after {content:"";}
#site-links ul {height:17px; margin-bottom:2px;}
#site-links #copynote {display:inline-block; margin-top:2px;}

#legal {margin-top:15px;}


/* SIGNUP ERROR ------------------------------------------------------------------------
---------------------------------------------------------------------------------- */
#signuperror {
	background:#ffc;
	border:1px solid #c0c09f;
	padding:5px;
	position:absolute;
	right:305px;
	width:250px;
	color:#666;
	font-size:0.85em;
	text-align:left;
	color:#4D6883;
	}
#signuperror p {
/*
	margin:5px 0;
	padding:0px;
	color:#666;
	font-size:0.8em;*/
	margin:0 0 5px;
	text-align:left;
	font-size:1.0em;
	}

#signuperror .header {
	color:#f00;
	font-weight:bold;
	font-size:1.0em;
	}
#player {
	height: 450px;
	display: block;
}
.overlay {
	padding: 40px;
	width: 576px;
	display: none;
	z-index:10000;
	background-color:#fff;
	border:4px solid #90aa45;
	padding:30px 20px 20px;
	/* box-shadow: horizoffset vertoffset blurradius color; */
	-moz-box-shadow: 0px 0px 45px #666;
	-webkit-box-shadow: 0px 0px 45px #666;
	box-shadow: 0px 0px 45px #666;
	position:absolute;
}
/* close button positioned on upper right corner */
.overlay .close {
	position:absolute;
	right:7px;
	top:7px;
	cursor:pointer;
	text-decoration:none;
	padding:2px 0;
	color:#90aa45;
}
#main-content .overlay .close {color:#90aa45;}
.overlay .close strong {
	background:#90aa45;
	padding:1px 5px;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
}
.overlay .close:hover {color:#708f11;}
.overlay .close:hover strong {background:#708f11;}