/* CSS Document */
#banner {margin: 0px; padding: 0px;}

#maincontainer {width: 800px; text-align: left; border: solid 1px #000000; padding-bottom: 20px;}

#navigation {background-color: #0066CC; min-height: 20px; margin-top: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; font-family: arial, sans-serif;}

#breadcrumbs {min-height: 20px; margin-top: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 14px; font-family: arial, sans-serif;}

#content {padding-left: 20px; padding-right: 20px;}
body {font-family: arial, sans-serif;}
h1, h2 {font-family: arial, sans-serif; margin-top: 0px; padding-top: 0px;}
h1 {margin-top: 0px; padding-top: 0px; font-size: 22px; padding-left: 20px; margin-bottom: 0px; padding-bottom: 0px;}
h2 {font-size: 16px; padding-left: 10px; margin-bottom: 0px; padding-bottom: 0px;}

#rightcell h2 {margin-bottom: 0px; padding-bottom: 0px; border-bottom: solid 1px black;}
h1, #rightcell h2 {background-color: #FFCC66;}

#leftcell {}

#tracking h1, h2 {font-family: arial, sans-serif; margin-top: 0px; padding-top: 0px;}
#tracking h1 {font-size: 16px;}

#title {background-color: #FFCC66;}

/*----- CSS FOR ROUNDED BOXES -----*/
.box_blue {border: solid 1px black; padding: 4px; background-color: #66CCFF; font-weight: bold; font-size: 12px;}

.box_orange {border: solid 1px black; padding: 4px; background-color: #66CCFF; font-weight: bold; font-size: 12px; background-color: #FFCC66;}

.box_orange_jet {border: solid 1px black; padding: 4px; background-color: #fff0cc; font-weight: bold; font-size: 12px;}

.box_nofill {border: solid 1px #66CCFF; padding: 2px;}

.box_nofill_jet {border: solid 1px black; padding: 2px; background-color: #ffffff;}

.box_blue, .box_orange, .box_nofill, .box_orange_jet, .box_nofill_jet {-moz-border-radius: 7px; border-radius: 7px;}

/*----------------------------------.corner_tl, .corner_tr, .corner_bl, .corner_br {position: absolute; z-index: 1;}.corner_tl {top: -2px; left: -2px;}.corner_tr {top: -2px; right: -2px;}.corner_bl {bottom: -2px; left: -2px;}.corner_br {bottom: -2px; right: -2px;}----------------------------------*/

.box_blue a, .box_nofill a, .box_nofill_jet a {color: black; text-decoration: none;}

.box_blue, .box_nofill, .box_orange, .box_orange_jet, .box_nofill_jet {text-align: center; vertical-align: middle;}

.box_nofill a:link {color: #66CCFF;}

.box_nofill_jet a:link {color: #0066CC;}

.box_blue a:link {color: black; text-decoration: none;}

.box_nofill a:visited {color: #66CCFF;}

.box_nofill_jet a:visited {color: #0066CC;}

.box_nofill a:hover {color: #FFCC66;}

.box_blue a:visited {color: #cc0099;} 

.box_blue a:hover {color: #0066CC;} 

.box_blue a:visited:hover {color: #0066CC;}

.box_nofill a:visited:hover {color: #FFCC66;}

#box_challenge a:link, #box_challenge a:visited {color: #000000;}

#box_challenge a:hover, #box_challenge a:visited:hover {color: #0066CC; text-decoration:none;}

p {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}

li {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}

a:link {	color: #0066CC;}
a:visited {	color: #CC0099;}
a:hover {	color: #66CCFF;}
a:visited:hover {	color: #66CCFF;}
.imgHighlighted {	border: 3px solid #FF6600;}
.highlight_text {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	background-color: #66CCFF;	padding: 3px;	border: 1px solid #333333;}

.tableHeader {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #000000;}
#scenario {
	background: #ECECEC;
	padding: 4px;
	border: 3px solid #FFFFFF;
}
#scenario td {
	padding: 5px;
}
.smallText {
	font-size: 11px;
	font-style: italic;
	color: #666666;
}

.medText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
}

.tutorial {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.tutorial_footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#tutorialTable {
	background: #ECECEC;
	border: none;
}
#tutorialTable td {
	padding: 5px;
}
#goButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	width: 50px;
	font-weight: bold;
	line-height: 20px;
	display: block;
}
#goButton a:link, #goButton a:visited {
	background: #0050AD;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#goButton a:hover, #goButton a:visited:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background: #FFCC66;
}
.bigNumber {
	font: bold 18px "Trebuchet MS", Palatino, "Times New Roman";
	color: #0050AD;
}
#tutorialTable p {
	font-size: 12px;
	width: 129px;
}
#tut_popup {
	width: 100%;
	background: #FFFFFF;
}
#tut_popup p {
	padding-left: 10px;
	padding-right: 5px;
}

/*social links*/
div.social-links {border: 1px solid #efefef; padding: 10px; margin: 30px 0 10px 0px; font-size: .8em;}
#content div.social-links h2 {margin: 0 0 5px 0;}
#content div.social-links li {list-style: none; padding: 0; margin: 0 10px 0 0; float: left; }
#content div.social-links li a {display: block; padding-left: 18px;}
#content div.social-links li.digg a {background: url(images/digg.gif) no-repeat 0 0px;}
#content div.social-links li.facebook a {background: url(images/facebook.gif) no-repeat 0 0px;}
#content div.social-links li.reddit a {background: url(images/reddit.gif) no-repeat 0 0px;}
#content div.social-links li.stumbleupon a {background: url(images/stumbleupon.gif) no-repeat 0 0px;}
#content div.social-links li.delicious a {background: url(images/delicious.gif) no-repeat 0 0px;}

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