body {background-color:#E9E9E9; color:#000;}
a {color:#000;}
a:hover, a:active, a:focus {color:#ee5500;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header #nav a {color:#303030;}
#header #nav a:hover, #header #nav a:hover span {color:#000;}
#header #nav li.active a, #header #nav li.active a span {color:#fff;}
#footer p.f-left {color:#7f7f7f;}
#footer p.f-left strong, #footer p.f-left strong a {color:#3f3f3f;}
#footer p.f-right, #footer p.f-right a {color:#7f7f7f;}
#footer a:hover {color:#000 !important;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.box-01 {background-color:#124496;}
.box-02 .col h2 {color:#ee5500;}
.box-02, .box-02-top, .box-02-bottom {background-color:#fff;}
.box-03, .box-03-top, .box-03-bottom {background-color:#fff;}
.box-04 {background-color:#dfdfdf;}
.box-04 .box-04-title h3 {color:#fff;}
.box-04 .box-04-links span {color:#afafaf;}

/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */

#title {background-color:#ffcb00;}
#title h1 {color:#fff;}
#title #subnav strong {color:#000;}
#title #subnav a {color:#fff;}
#title #subnav a:hover {color:#fff;}
#title #subnav span {color:#facf00;}
.cols, .cols-top, .cols-bottom {background-color:#fff;}
.content .content-box {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#f5f5f5;}
.content .perex {border-bottom:1px solid #d0d0d0;}
.content table {border:1px solid #d0d0d0;}
.content table th, .content table td {border-right:1px solid #d0d0d0;}
.content table th {background-color:#000; color:#fff;}
.content table tr.odd td {background:#f0f0f0;}
.legal_color {color:#7e7e7e;}
.content dt {color:#ee5500;}
.aside h2 {color:#ee5500;}
.aside .aside-box {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#f5f5f5;}
.aside #product-thumb {position: relative; left: 50px; top: 30px;}

/* ----------------------------------------------------------------------------------------------------------
Custom Classes
---------------------------------------------------------------------------------------------------------- */

.input {border:1px solid #afafaf; background-color:#fff;}
.border {border:1px solid #ccc;}
.debug {display: none;}
.hidden {visibility: hidden;}
.inline {display: inline;}
.block {display: block;}
.orange {color: #ee5500;}
	a.orange:hover {color: blue;}
.submit {display: block; width: 115px; height: 38px; background-image: url(../design/submit-button.jpg); text-indent: -999px; cursor: pointer;}
	
.lighter {font-weight: lighter !important;}
.index_vid {position: relative; left: 210px;}
.video1 {position: relative; top: 5px;}
.video2 {position: relative; top: 5px; left: 5px;}
.video3 {position: relative; top: 5px; left: 25px;}
.video4 {position: relative; top: 20px;}
.video_middle {position: relative; top: 145px;}
.video5 {position: relative; top: 10px}
/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */
#login-container {width: 409px; height:170px; margin: 0 auto; position: relative; bottom: 70px; background-image: url(../design/login-base.png);}
	#login-form {width: 345px; margin: 0 auto; position: relative; top: 20px;}
		#login-form .password-label {position: relative; left: 3px;}
			#login-form #password {position: relative; left: 3px;}
			#login-form #submit {display: block; width: 115px; height: 38px; margin: 0 auto; position: relative; top: 15px; left: 10px;  background-image: url(../design/submit-button.jpg); text-indent: -999px; cursor: pointer;}
#bottom_center {width: 460px; margin: 0 auto;}
#cube-container2 {width: 275px;}
#cube2-container {width: 395px;}
#cube-container {width: 530px;}
.vid_div {width: 272px;}
.center_ELG {width: 340px; margin: 0 auto;}
.center_3reg_vids {width: 818px; margin: 0 auto;}
.center_2reg_vids {width: 544px; margin: 0 auto;}
.center_reg_vids {width: 272px; margin: 0 auto;}
.center_vids {width: 490px; margin: 0 auto;}
.center_big_vids {width: 580px; margin: 0 auto;}
.cube {width: 128px; float: left;}
.bad-cube {clear: left;}
.gscreen {font-color: #FF0000}
.green-screen-header {display: block; clear: both;}
label {font-size: 1.9em; font-weight: bold; font-family: arial, helvetica, sans-serif; color: #2e2e2e;}
form input.text {width: 204px; height: 24px; padding: 0 3px; border: 1px solid #5b5b5b; background-color: #fff; font-size: 1.3em;}
/*#sign-up-container #fname {position: relative; left: px;}*/
/*#sign-up-container #lname {position: relative; left: px;}*/

#sign-up-form {width: 345px; margin: 0 auto;}
#sign-up-container #lname {position: relative; left: 2px;}
#sign-up-container #email {position: relative; left: 59px;}
#sign-up-container #username {position: relative; left: 7px;}
#sign-up-container #password {position: relative; left: 10px;}
#sign-up-container #submit {display: block; width: 115px; margin: 0 auto; position: relative; top: 10px; left: 18px;}

/*
#support-request {height: 300px;}
#support-request textarea {position: relative; right: 110px; top: 27px;}
#support-request label.message {position: relative; bottom: 64px;}
#support-request span.max-char {position: relative; top: 27px;}
#support-request input.submit {position: relative; top: 30px;}
*/
#legal li a{display: inline; color: #7f7f8d; margin-right: 10px;}
#legal {position: absolute; top: 3px; left: 390px;}
#index_center {width: 485px; margin: 0 auto;}
#margin_index {margin-top: 30px;}
#margin_index2 {position: relative; left: 20px;}

#follow-us-container {height: 242px; width: 159px; background-image: url(../design/follow-us-bg.png);}

/*Begin follow-us div styling*/
div#follow-us-container{
width: 167px;
height: 233px;
position: absolute;
top: 0px;
bottom: 70px;
left: 165px;
padding: 0px 0 15px 15px;
background-image: url(../design/follow-us-bg.png);
background-repeat: no-repeat;
z-index: 1000;
}

div#follow-us-container div{
width: 155px;
position: relative;
right: 13px;
padding: 8px 0 8px 0;
border-bottom: 1px solid #cdcdcd;
border-top: 1px solid #eeeeee;
}

div#follow-us-container #youtube{
padding-top: none;
border-top: none;
color: #000;
}

div#follow-us-container div#twitter{
margin: 0 0 0 0;
border-bottom: none;
}

div#follow-us-container a{
position: relative;
left: 6px;
text-decoration: none;
}

div#follow-us-container a.label{
position: relative;
left: 17px;
bottom: 13px;
font-size: 11.3px;
font-family: arial, tahoma, geneva, arial, sans-serif;
font-weight: bold;
color: #253336;
text-shadow: 0px 1px 0px #fff;
}
.big_font
{font-size: larger;
}
.vid_margin
{
margin-top: 15px;
}

#announcement-container {height: 46px; width: 100%; position: absolute; top: -5px; background-image: url(../design/announcement-bg.png); background-repeat: repeat-x;}
	#tab {width: 223px; margin: 0 auto;}
	#announcement-container a {width: 187px; display: block; float: left; height: 28px; position: relative; top: 15px; padding: 0px 0px 0px 20px; color: #fff; font-family: arial, geneva, tahoma, sans-serif; font-size: 16px; font-weight: bold; text-shadow: 0 1px #000; text-decoration: none; background-image: url(../design/announcement-tab-left.png);}
	#announcement-container img {height: 28px; position: relative; top: 15px;}
	
div.webinar-recordings .aaplayer {margin-top: 30px;}