/* 
  
  [[o]]== BOILERPLATE FOR 3.7 DESIGNS ========================[[o]]
   ||                                                          ||
   ||  Authored by Ross Johnson  - CEO of 3.7 DESIGNS          ||
   ||                                                          ||
 [[o]]=======================================================[[o]]
  
 Like the code you see?


  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : UNIVERSAL SELECTORS
  =02 : TYPOGRAPHY
  =03 : LINKS
  =04 : BODY STRUCTURE
  =05 : NAVIGATION
  =06 : HELPER CLASSES
  =07 : ACCESSIBILITY
  =08 : TABLES
  =09 : FORMS
*/

/* =01 : UNIVERSAL SELECTORS */

html, body { background: #fff url('../images/bodybg.gif') repeat-x; margin: 0; padding: 0; font-family: verdana, arial, helvetica, san-serif; line-height: 23px; font-size: 15px; }


/* =02 : TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 { margin: 10px 0 8px 0; }
p, ol, ul, img, dl, blockquote { margin: 8px 0 10px 0; }

h1 { font-size: 24px; text-align: center; line-height: 36px;}
.subheading { font-size: 16px; display: block; }
h2 { font-size: 21px; color: #074320; }
h3 { font-size: 18px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

blockquote { margin-left: 18px; border-left: 5px solid #ddd; padding-left: 9px; }

ul li { padding-left: 15px; line-height: 1em; margin-bottom: 9px; }

.nonlist { list-style: none; margin: 0; padding: 0; }
.nonlist li { padding: 0; margin: 0; }

.login-sign { font-size: 110%; font-weight: bold }

/* =03: LINKS */

a { color: #074320;}
a:hover { text-decoration: none; }
a:vistied {}
a:active {}

/* =04: BODY STRUCTURE */

#header { width: 960px; margin: 0 auto 0 auto; position: relative;}

#logo {
	width: 237px; margin: 0;
	height: 124px;
	background: url('../images/logo.gif') no-repeat;
}

.sup { font-weight: 100; font-size: 15px !important;}

#logo a {
	display: block;
	width: 237px;
	height: 0;
	font-size: 1em;
	padding-top: 124px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/logo.gif') no-repeat;
}

#top_nav { float: right; list-style: none; margin: 0; padding: 70px 0 0 0;}
#top_nav li { display: inline; margin: 0; padding: 0; font-size: 12px; color: #999; }
#top_nav li.login-sign { font-size: 90%; }
#top_nav li a { color: #000; }

#main_nav { position:  absolute; right: 0; bottom: 0 ;background: #1c9e52 url('../images/nav-bg.gif') top repeat-x; margin: 0; padding: 0; list-style: none; }
#main_nav li { float: left; margin: 0px; padding: 0;}
#main_nav li a { float: left; padding: 9px 15px 7px 15px; color: #fff; font-size: 14px; text-decoration: none; text-transform: uppercase;}
.signup-color { background: #b3fb8f; color: #000 !important; border-left: 1px solid #fff;}
#main_nav li a:hover { background: #1c9e52;}
#content { background: #d3ecdd; border-top: 2px solid #0a9644; border-bottom: 2px solid #0a9644;}



#signup-teacher {
	display: block;
	width: 110px;
	height: 0;
	font-size: 1em;
	padding-top: 28px; margin-left: 10px;
	text-indent: -2000px;
	overflow: hidden; 
	background: url('../images/button-signup-teacher.gif') no-repeat;
}

#signup-student {
	display: block;
	width: 110px;
	height: 0;
	font-size: 1em;
	padding-top: 28px; margin-left: 10px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/button-signup-student.gif') no-repeat;
}

#signup-teacher:hover, #signup-student:hover { background-position: -110px 0; }


#tour {
	display: block;
	width: 110px; 
	height: 0;
	font-size: 1em;
	padding-top: 28px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/button-tour.gif') no-repeat;
}

#tour:hover { background-position: -110px 0; }

.button_nav { list-style: none; margin: 0; padding: 10px 0 11px 0;}
.button_nav li { display: inline; margin: 0; padding: 0;}

#content p { color: #074320;}
#content_wrapper { width: 960px; margin: 0 auto 0 auto;}

#bottom_content { width: 960px; margin: 21px auto 0 auto;}

#footer { clear: both; width: 960px; margin: 25px auto 0 auto; text-align: center; font-size: 10px; color: #aaa; border-top: 1px solid #ddd; }
#lcol {}
#rcol {}
#mcol {}

.col_left { width: 360px; float: left; }
.col_right { width: 530px; float: right; }

.alert_text_box { clear: both; background: #fff; padding: 5px 10px 5px 10px; border: 2px solid #8aaf79; text-align: center; font-size: 13px; color: #074320;}



/* =05: NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 0; }

/* 
ACCESSIBLE CSS ROLL OVERS 
#main_nav li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }
*/

#subnav {}

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =06: HELPER CLASSES */

.tac, .center { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl, .left { float: left; }
.fr, .right { float: right; }

.imgfl { float: left; margin-right: 18px; }
.imgfr { float: right; margin-left: 18px; }

.clear { clear: both; }

/* =07: ACCESSIBILITY */

#skiplinks { position: absolute; top: -500px; }

/* =08: TABLES */

summary {}
th {}
legend {}

/* =09: FORMS */

.listform { list-style: none; width: auto; }
.listform li { clear: both; padding: 9px 0 9px 0; }
.listform label { float: left; text-align: right; }
.listform input, .listform select, .listform textarea { float: right; }
.listform span { color: #FFaaaa; }
.listform .error { background: #ffaaaa; border: 1px solid #dd9999; padding: 5px;}

/* =10: TOUR */

.tour_right { float: right; text-align: center; width: 200px; border-left: 1px solid #eee; }
.tour_right img { width: 200px; border: 1px solid #fde198; padding: 1px; margin-left: 18px;}
.tour_right_s { float: right; margin-left: 18px; width: 215px; text-align: center; border-left: 1px solid #eee; padding-left: 18px; }
.tour_right_s img { width: 200px; padding: 1px; border: 1px solid #fde198; }

.tour_section { margin: 0 0 54px 0; padding: 1px 1px 1px 25px; text-align: left; }

.record_step { clear: both;  padding: 18px 0 18px 0; border-bottom: 1px solid #eee; }
.img_fr { float: right; clear: right; margin-left: 18px;}

.dev-online-test { list-style-type: none; }
.dev-online-test ul { list-style-type: none; }

#test-timer {
        border:1px solid black;
        width:200px;
        height:20px;
        position:relative;
        color:black; 
        background-color: #ddd;
}

/* color bar */
#test-timer div.progress {
  position: absolute;
  width: 0;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}

#test-timer div.progress .text { display: none; }
#test-timer div.text { display: none; }