@charset "utf-8";

/*************************************
RESET CSS Version 1.1
*************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {margin:0; padding:0; border:0; font-family: inherit;}
*{margin:0; padding:0; font-family: inherit;}
html{font-size:125%;}
body{font-size:50%; }
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:'';} 
abbr,acronym {border:0;}
:focus {outline: 0;}
strong { font-weight: bold; }

/*************************************
DEFAULT CLASSES
**************************************/
p,span,font,td,th,h1,h2,h3,h4,h5,h6,li,ul { font-family: arial, verdana, helvetica, sans-serif; }
* { font-family: arial, verdana, helvetica, sans-serif; }
p,li { font-size: 1.2em; }

a:link {color: #3756a8; text-decoration: none; font-weight: bold;}
a:visited {color: #3756a8; text-decoration: none; font-weight: bold;}
a:hover {color: #3756a8; text-decoration: underline; font-weight: bold;}

input.textInput,textarea.textInput { border: 1px solid #7f9db9; width: 120px; font-family: arial, verdana, helvetica, sans-serif; font-size:1.2em; padding-left: 3px; background-color: #ffffff; }
input.textInput { height: 18px; }

ul.bulleted { list-style: disc outside; margin-left: 20px; }
ul.bulleted li { padding-left: 0px; }

/*************************************
SIZES, PADDING, POSITIONING
*************************************/
.noPad {padding:0px;}
.noTopPad {padding-top: 0px;}
.noMargin{margin:0px;}
.noTopMargin {margin-top: 0px;}
.clearLeft {clear: left;}
.floatLeft {float: left;}
.floatRight {float: right;}
.alignTop {vertical-align: top;}
.alignMiddle {vertical-align: middle;}
.alignBottom {vertical-align: bottom;}
.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.padLeft2 {padding-left: 2px;}
.padLeft3 {padding-left: 3px;}
.padLeft5 {padding-left: 5px;}
.padLeft10 {padding-left: 10px;}
.padLeft15 {padding-left: 15px;}
.padRight2 {padding-right: 2px;}
.padRight3 {padding-right: 3px;}
.padRight5 {padding-right: 5px;}
.padRight10 {padding-right: 10px;}
.padBottom10 {padding-bottom: 10px;}
.padBottom15 {padding-bottom: 15px;}
.padTop2 {padding-top: 3px;}
.padTop3 {padding-top: 3px;}
.padTop5 {padding-top: 5px;}
.padTop10 {padding-top: 10px;}
.padTop15 {padding-top: 15px;}
.margTop10 {margin-top: 10px;}
.margBottom10 {margin-bottom: 10px;}
.height100P {height: 100%;}
.dispNone { display: none; }

/*************************************
FONT CLASSES
*************************************/
.ul {text-decoration: underline;}
.bold {font-weight: bold;}
.noBold {font-weight: normal;}
.i {text-decoration: italic;}

.size10 {font-size:1em;}
.size11 {font-size:1.1em;}
.size12 {font-size:1.2em;}
.size13 {font-size:1.3em;}
.size14 {font-size:1.4em;}
.size15 {font-size:1.5em;}
.size16 {font-size:1.6em;}
.size17 {font-size:1.7em;}
.size18 {font-size:1.8em;}
.size19 {font-size:1.9em;}
.size20 {font-size:2.0em;}
.size21 {font-size:2.1em;}

/*************************************
HEADERS
*************************************/
h1 { font-family: tahoma, arial, sans-serif; font-size: 1.4em; font-weight: bold; color: #ffffff; }
h2 {font-weight: bold; font-size: 2.3em; color: #7d7d7d; margin-bottom: 3px; margin-left: 30px; }
h3 {font-weight: bold; font-size: 2.0em; color: #000000; margin-bottom: 3px; }

/************************************
CLEAR FIX
************************************/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
/** html .clearFix { height: 1%; }*/
.clearfix { height: 1%; }

/*************************************
MAIN
*************************************/
#body { background-color: #000000; }

div#top_bar { background-color: #7edb03; text-align: center; height: 29px; border-bottom: 1px solid #3a3a3a; background-image: url('/images/top-gradient.gif'); background-repeat: repeat-x; }
div#top_bar p { padding-top: 4px; color: #ffffff; }

div#content { text-align: center; background-image: url('/images/black-gradient.gif'); background-repeat: repeat-x; background-position: top; }
div#content div#container { width: 610px; text-align: left; margin: 0 auto; background: url('/images/border-bg.gif'); }

div#content div#inner { background-image: url('/images/border-bottom.gif'); background-repeat: no-repeat; background-position: bottom left; }
div#content div#inner hr { margin: 0 auto; text-align: center; width: 550px; height: 2px; color: #9a9a9a; border: 0; border-bottom: 1px solid #cbf0fe; }
div#content div#intro { margin: 15px 0 10px 0; }
div#content div#intro p.button { float: left; padding-left: 10px; }
div#content div#intro p.button img { width: 196px; height: 71px; margin: 0 0 0 20px; }
div#content div#intro p#introText { float: left; width: 321px; padding: 0 10px 0 10px; font-family: arial rounded mt bold, arial, tahoma, sans-serif; font-weight: bold; font-size: 1.6em; color: #000000; }

div#content div#instructions { margin: 0 30px 0 30px; padding: 20px 0 0 0; border: 1px solid #5BADFF; background-color: #DFEFFF; }
div#content div#instructions div.item { margin-bottom: 20px; }
div#content div#instructions p.num { float: left; width: 35px; text-align: right; padding-top: 2px; vertical-align: top; font-family: arial rounded mt bold, arial, tahoma, sans-serif; font-weight: bold; color: #00CE00; font-size: 1.6em; }
div#content div#instructions div.text { float: left; width: 500px; padding-left: 5px; vertical-align: top; }
div#content div#instructions div.text p { font-size: 1.3em; color: #575757; }
div#content div#instructions div.text p b { color: #575757; }
div#content div#instructions div.text ul { margin: 10px 0 0 0; }
div#content div#instructions div.text ol { font-size: 1.3em; color: #575757; padding: 5px 0 0 20px; }

p { font-size: 1.3em; color: #7d7d7d; }

/* FOOTER */
div#footer { text-align: center; padding: 0 0 10px 0; }
div#footer ul li { display: inline; padding: 0 3px 0 3px; color: #ffffff; }
div#footer ul li a { color: #ffffff; }

div.links { margin: 0 30px 0 30px; }
div.links ul li {  }
div.links div#codeblock { padding: 10px; margin: 10px 0 0 0; border: 1px solid #D2E9FF; background-color: #E8F3FF; }
div.links div#codeblock p { font-family: courier, sans-serif; }