/* project: techtrain */
   
body { 
	padding: 0; 
	margin: 0px, 0px, 0px, 0px; 
	font-size: 1.0em;
	font-family: Arial, Tahoma, Helvetica, Sans-Serif;
	line-height: 1.6em; 
	background: #FFFFFF; 
	color: #454545; 
	}
form { 
	margin: 0px; 
	padding: 0;
	}
/* headings */
h1, h2, h3 
    { 
    margin: 5px 0px 0px 5px; 
    font-weight: normal;
    color: #203C36;
    background: #FFFFFF;
	}
h1
    {
	letter-spacing: -1px; 
	font-size: 2.4em;
    }        	
h2 { 
	font-size: 1.8em;
    color: #006699;
	}
h3 { 
	font-size: 1.2em;
	font-weight: bold;
	}	
h4 { 
	font-size: 1.0em;
	color: #483D8B
	}	
h1 a, h2 a { 
	color: #6A5ACD; 
	background: #fff; 
	text-decoration: none; 
	}
h1 a:hover, h2 a:hover { 
	color: #8A2BE2; 
	background: #FFF; 
	}
table { 
	padding: 0px 0px 0px 0px;
	border-style: none;
	border-collapse: separate;
	border-spacing: 2px;
}

	}	
/* links */
a 	{ 
	color: #3366CC; 
	background: inherit; 
	}
a:hover { 
	color: #0099CC; 
	background: inherit; 
	}	
.search { 
	color: #3366FF; 
	background: #fff; 
	}
.title { 
	color: #3366FF; 
	background: #fff; 
	}
.label { 
	padding: 0px 8px 0px 10px;
    color: #3366FF; 
	background: #fff; 
    font-weight: bold;
	}
.Labels { 
	padding: 0px 8px 0px 5px;
	font-size: 1.3em;	
    color: Teal;
	background: #fff; 
    font-weight: bold;
	}		
.info { 
	color: #000066; 
	background: #fff; 
	}
.indented { 
	margin: 0px 0px 0px 20px;
	}
.lesson { 
	width: 80%;
	}
.lessonTTT 
{
	margin: 0px 0px 0px 10px;   
	width: 100%;
	}	
.jitSelection { 
	font-size: 1.0em;
	color: #330066;
	vertical-align: top;
	width: 12%;
	font-weight: bold;
	}	
.DetailsGrid { 
	font-size: 1.0em;
	vertical-align: top;
	}
.Stepclass { 
	font-size: 1.2em;
	color: Navy;
	font-weight: bold;
	vertical-align: top;
	}	
.insClass { 
	font-size: 1.2em;
	color: Navy;
	vertical-align: top;
	}
.coursesCMU { 
	font-size: 1.2em;
	vertical-align: top;
    text-align:center;	
	color: Maroon	
	}	
.coursesCMUsub { 
	font-size: 1.0em;
	vertical-align: top;
    text-align:center;	
	color: Maroon	
	}
.coursesCMUsection { 
	font-size: .85em;
	vertical-align: top;
    text-align:center;	
	color: Maroon;	
	}
.coursesCMUsection a { 
	color: Maroon;	
	}	
.coursesCMUdate { 
	font-size: .90em;
	vertical-align: top;
    text-align:center;	
	color: Maroon	
	}
tr.cmulight td {
	background-color: white;
}
tr.cmudark td {
	background-color: #ffff66;
}	
tr.cmuheading th {
	background-color: #ffcc33; color: Maroon;
}
tr.cmuheading a {
	color: Maroon;
}			
.coursesGVSU { 
	font-size: 1.2em;
	vertical-align: top;
    text-align:center;	
	color: #0000ff;	
	}	
.coursesGVSUsub { 
	font-size: 1.0em;
	vertical-align: top;
    text-align:center;	
	color: #0000ff;	
	}	
.coursesGVSUsection { 
	font-size: .85em;
	vertical-align: top;
    text-align:center;	
	color: #0000ff;	
	}	
.coursesGVSUdate { 
	font-size: .90em;
	vertical-align: top;
    text-align:center;	
	color: #0000ff;	
	}
tr.gvsulight td {
	background-color: #ffffff;
}
tr.gvsudark td {
	background-color: #b0e0e6
}	
tr.gvsuheading th {
	background-color: #0066cc; color: White;
}	
tr.gvsuheading a {
	color: White;
}
.expClass { 
	font-size: 1.2em;
	color: Navy;
	vertical-align: top;
	}			
.tutorial { 
	font-size: 1.2em;
	vertical-align: top;
	}
.tutorial td { 
	vertical-align:top;
	}	
.tutorial p { 
	font-size: 1.0em;
	color: Gray;
	}		
.tutorial h3 { 
	font-size: 1.2em;
	font-weight: bold;
	color: Gray;
	}	
.tutorial h4 { 
	font-size: 1.0em;
	font-weight: bold;
	color: Teal;
	margin: 0 0 0 10px;	
	}
.tutorial h5 { 
	font-size: .9em;
	font-weight: normal;
	color: Teal;	
	}	
.tutorial a { 
	font-size: .9em;
	font-weight: normal;
	font-variant:small-caps;
	text-decoration: none;
	color: Teal;
    }
.tutorial a:hover { 
	font-size: 1.0em;
	font-weight: bold;
	color: Navy;	
	}
.tutorial hr { 
	color: Gray;	
	}				
#labelerror {
	padding: 0px 8px 0px 10px;
        color: #8A2BE2; 
	background: #fff; 
        font-weight: bold;
}

/* lists and form elements */
ul { 
	margin: 0px; 
	padding : 0; 
	list-style : none; 
	}
input.search { 
	width: 279px; 
	border: none; 
	background: #fff url(images/input.gif) no-repeat; 
	padding: 6px 10px; 
	color: #1E67A8; 
	font-weight: bold; 
	}
input.button { 
	padding: 3px; 
	}

/* content holder */
#content1 { 
	margin: 0px auto; 
	width: 960px; 
	}

/* header */
#header { 
	height: 84px; 
	}
#logo { 
	padding: 15px 0 0 8px; 
	}
#logo p { 
	margin: 0px; 
	padding: 0 0 0 10px; 
	color: #000066; 
	background: #fff; 
	}
#logo2 { 
	padding: 0px 0px 10px 0px; 
	}	
#logo2 p { 
	margin: 0px; 
	padding: 0 0 0 10px; 
	color: #000066; 
	background: #fff; 
	}
#logo2tutorial { 
    text-align:center;
	}	
#top_info { 
	float: right; 
	width: 470px; 
	margin: 20px 5px 0px 0px; 
	text-align: right;
	font-size: 12px; 
	}
.para_info { 
	margin: -1px 5px 10px 7px; 
	text-align: left;
	font-size: 14px; 
	}	

/* horizontal tabbed SUBmenu */	
#submenu { 
	background: #fff no-repeat top left; 
	color: #000;  
	height: 52px; 
	text-align: center; 
	padding: 0 0 0 30%;
	}
#submenu li { 
	display: inline; 
	height: 52px; 
	}
#submenu a { 
	float: left; 
	background: #fff url(../../ttt/images/enginecarblankA.gif) no-repeat; 
	color: #ffffff; 
	padding: 10px 0; 
	width: 82px;
	height: 52px; 
	text-align: center; 
    font-size: 10px;
	font-weight: bold; 
	text-decoration: none; 
	}
#submenu li a:hover { 
	background: #fff url(../../ttt/images/enginecarblankH.gif) no-repeat; 
	color: #CCFFFF; 
	}	
#submenu li a.current { 
	background: #fff url(../../ttt/images/enginecarblankH.gif) no-repeat; 
	color: #000000; 
	}	
.key { 
	text-decoration: underline; 
	}

/* horizontal tabbed menu */	
#tabs { 
	background: #fff url(../../ttt/images/bigboxtrain.gif) no-repeat top left; 
	color: #000;  
	height: 64px; 
	text-align: center; 
	padding: 0 0 0 25%;
	}
#tabs li { 
	display: inline; 
	height: 23px; 
	}
#tabs li a { 
	float: left; 
	background: #fff url(../../ttt/images/barbgtrain.gif) no-repeat; 
	color: #4F789F; 
	padding: 1px 0; 
	width: 82px;
	height: 23px; 
	text-align: center; 
    	font-size: 10px;
	font-weight: bold; 
	text-decoration: none; 
	}
#tabs li a:hover { 
	background: #fff url(../../ttt/images/barcurrenttrain.gif) no-repeat; 
	color: #000; 
	}	
#tabs li a.current { 
	background: #fff url(../../ttt/images/barcurrenttrain.gif) no-repeat; 
	color: #4682B4; 
	}	
.key { 
	text-decoration: underline; 
	}
	
/* Certificate */
#certList { 
	float: inherit; 
	width: 170px; 
	margin: 0px 5px 0px 0px; 
	text-align: center;
    	font-size: 10px; 
	}
.certProfile table { 
	padding: 0 0 0 0;
	border-style: none;
	width: 750px
	}	
.certProfile td { 
	color: #FF0000;	
	font: tahoma;
	font-size: 3;
	}

h2.certHeader {
    color: #333366;
    font-size: larger;
    font-weight: bold;
}	
	
table.certcourseName {
    table-layout:fixed;
    width: 800px;
    background-color: #FFFFFF;
}

tr.certcoursename {
    text-align: left;
    font: tahoma, arial, helvetica;
    color: Navy;
    font-size: 12;
    }

td.certcoursename {
    height:25px;
    vertical-align:top;
}

tr.certassignment {
    text-align: left;
    background-color: lightblue;
    font: arial, tahoma, helvetica;
    color: Navy;
    font-size: 12; 
    border-style: double;
    border-width: medium;
    border-bottom: Navy;
    }

td.certassignment {
    text-align: left;
    background-color: lightblue;
    font: arial, tahoma, helvetica;
    color: Navy;
    font-size: 12; 
    border-style: double;
    border-width: medium;
    border-bottom: Navy;
    }
    
td.complete {    
    font: arial, tahoma, helvetica;
    color: Navy;
    font-size: 12;
    font-weight: bold;
}

.certListHead { 
	font-size: 0.8em;
	vertical-align: top;
    text-align:center;	
	color: Maroon;
    vertical-align: text-top;		
	}	
.certListSub { 
	font-size: 0.6em;
	vertical-align: top;
    text-align:center;	
	color: Maroon;
    vertical-align: text-top;		
	}
	
.certbold  {
	font: tahoma, arial, helvetica;
    font-weight: bold;
    color: #0066cc;
    font-size: larger;
}	

.certh2  
{
    font: tahoma, arial, helvetica;
    font-weight: normal;
    color: #004080;
    font-size: larger;
    text-align: center;
}	

.certh3
{
    font: tahoma, arial, helvetica;
    font-weight: normal;
    color: #004080;
    font-size: smaller;
    text-align: center;
    vertical-align: text-top;
}	

.certright  
{
    background-color: Fuchsia;
    font: tahoma, arial, helvetica;
    font-weight: bold;
    color: #333366;
    font-size: larger;
    text-indent: 10px;
	width: 960px;     
}	

.certboldright  {
	font: tahoma, arial, helvetica;
    font-weight: bold;
    color: Fuchsia;
    font-size: larger;
}

.certwrong
{
    background-color: Red;
    font: tahoma, arial, helvetica;
    font-weight: bold;
    color: #333366;
    font-size: larger;
    text-indent: 10px;    
}	

.certboldwrong  {
	font: tahoma, arial, helvetica;
    font-weight: bold;
    color: #333366;
    font-size: larger;
}

.certol 
{
	font: tahoma, arial, helvetica;
	color: #C000C0;
	font-size: medium;
	font-weight: bold;
	width: 50px;
	vertical-align: text-top;
}

.certol2 
{
	font: tahoma, arial, helvetica;
	color: #004080;
	font-size: medium;
	font-weight: bold;
	width: 50px;
	vertical-align: text-top;	
}

.certtopic {
	font: tahoma, arial, helvetica;
	color: #C000C0;
	font-size: smaller;
	font-weight: normal;
	width: 250px;
    vertical-align: text-top;	
}

.certtopic2 
{
	font: tahoma, arial, helvetica;
	color: #004080;
	font-size: smaller;
	font-weight: normal;
	width: 400px;
	vertical-align: text-top;
}    
.certbutton { 
	background: #488EB2 url(images/bluebtn.gif); 
	width: 155px; 
	padding: 1px 16px 5px 16px; 
	color: #fff; 
	text-decoration: none;
	text-align: center; 
	}
.journalarea td { 
	background: #488EB2 url(images/bluebtn.gif); 
	width: 155px; 
	padding: 1px 16px 5px 16px; 
	color: #fff; 
	text-decoration: none;
	text-align: center; 
	}	
/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbg.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0px 0px 0px;
}
	#search p { padding: 0; margin: 0px; }


/* footer */ 
#div3 {
	margin: 0px auto; 
	width: 960px; 
	text-align: center
	}

/* content box 
.gboxtop { 
	clear: both; 
	height: 8px; 
	background: #dedede url(images/gboxtop.gif) no-repeat; 
	color: #000; 
	margin: 0px auto; 
	}
.gbox { 
	background: #dedede url(images/gbox.gif) no-repeat bottom left; 
	color: #444; 
	padding: 1px 13px 7px 13px; 
	margin: 0px 0px 20px 0px; 
	}
.gbox p { 
	padding: 7px 0px; 
	margin: 0px;
	}
*/
/* grey subheader 
#content2 {
	margin: 0px auto; 
	width: 960px; 
	} 
*/
/* content box 
.gboxtop { 
	clear: both; 
	height: 8px; 
	background: #dedede url(images/gboxtop.gif) no-repeat; 
	color: #000; 
	margin: auto; 
	}
.gbox { 
	background: #dedede url(images/gbox.gif) no-repeat bottom left; 
	color: #444; 
	padding: 1px 13px 7px 13px; 
	margin: 0px 0px 20px 0px; 
	}
.gbox p { 
	padding: 7px 0; 
	margin: 0px;
	}
*/
/* left side 
.left { 
	float: left; 
	width: 650px; 
	margin: 0px 0px 10px 0px; 
	}
.left_articles {
	margin: 0px 20px 15px 10px;
	padding: 10px 0 0 0;
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	color: #000;
	background: #fff;
	}
	
.calendar { 
	height: 50px; 
	float: left; 
	background: #fff url(images/calendar.gif) no-repeat; 
	width: 50px; 
	padding: 5px 0 0 9px;  
	color: #808080;
	}
.calendar p { 
	padding: 0; 
	margin: 0px; 
	}
.description { 
	padding: 0 0 2px 0; 
	margin: 0px 10px 5px 0px; 
	border-bottom: 1px dotted #ccc; 
	}
.thumbnail { 
	float: left; 
	margin: 0px 18px 8px 0px; 
	border: 1px solid #dedede; 
	}
*/

/* bottom thirds 
.thirds { 
	float: left; 
	width: 203px; 
	background: #eee; 
	margin: 0px 12px 0px 0px; 
	color: #5d5d5d; 
	}
.smallboxtop { 
	height: 14px; 
	background: #fff url(images/smallboxtop.gif) no-repeat; 
	color: #000; 
	}
.smallbox { 
	background: #fff url(images/smallbox.gif) no-repeat bottom left; 
	color: #444; 
	padding: 1px 10px 10px 10px;  
	}
.smallbox p { 
	padding: 0; 
	margin: 0px; 
	}

*/	
/* right side 
#right {
	float: right;
	width: 295px;
	margin: 14px 0px 10px 0px;
}
.boxtop { 
	height: 19px; 
	background: #fff url(images/boxtop.gif) no-repeat; 
	color: #000; 
	}
.box { 
	background: #fff url(images/box.gif) no-repeat bottom left; 
	color: #5b5b5b; 
	padding: 0 10px 15px 10px; 
	margin: 0px 0px 10px 0px; 
	}
.box p { 
	padding: 0; 
	margin: 0px;
	}
.image { 
	float: left; 
	margin: 0px 9px 3px 0px; 
	}
*/

/* misc 
.buttons { 
	text-align: right; 
	padding: 4px 3px 0 0; 
	}
.left_articles .buttons { 
	float: right; 
	height: 20px; 
	}
.bluebtn { 
	background: #488EB2 url(images/bluebtn.gif) no-repeat; 
	width: 100px; 
	padding: 1px 16px 5px 16px; 
	color: #fff; 
	text-decoration: none; 
	}
.greenbtn { 
	background: #488EB2 url(images/greenbtn.gif) no-repeat; 
	padding: 1px 17px 5px 16px; 
	color: #fff; 
	text-decoration: none; 
	}
.bluebtn:hover, .greenbtn:hover { 
	background: #488EB2 url(images/hoverbtn.gif) no-repeat; 
	color: #fff; 
	}
*/
/* footer  */
#content3 {
	margin: 0px auto; 
	width: 960px; 
	} 
/* content box */ 
.footer { 
	clear: both; 
	text-align: center; 
	line-height: 1.8em; 
	padding: 10px 0 10px 0; 
	border-top: 1px solid #ccc; 
	}
.GridView
{
    border: none;
    cursor: default;
    padding: 0px 0px 0px 2px;
    table-layout: auto;
    width: 100%;
}
.HeaderClassA 
{
	margin: 0px 0px 0px 5px;   
	width: 5%;
	}	
.ItemClassA 
{
	margin: 0px 0px 0px 5px;   
	width: 5%;
    font: "Arial";
    color: red;	
	}
.ItemClassB 
{
	margin: 0px 0px 0px 5px;   
	width: 80%;
	}
.ItemClassC 
{
	margin: 0px 0px 0px 5px;   
	width: 15%;
	background-color: #E3EAEB;
	}
.mycoursesleft tr { 
	vertical-align:top;
	}
.mycoursesleft td { 
	vertical-align:top;
	text-align: left;
	}			
.mycoursesleftA td { 
	vertical-align:top;
	width: 15%;
	text-align: left;
	background-color: #E3EAEB;
	font-weight: bold;
	font-family: Arial;
	font-size: small;
	color: #330099;
}
.mycoursesleftC { 
	vertical-align:top;
	width: 100px;
	text-align: left;
	font-weight: bold;
	font-family: Arial;
	font-size: small;
	color: #330099;
}
.mycoursesleftB { 
	vertical-align:top;
	width: 250px;
	text-align: left;
	background-color: #5D7B9D;
	font-weight: bold;
	font-family: Tahoma Small Cap;
	font-size: medium;
	color: white;
}
.mycourseslefthover { 
	vertical-align:top;
	width: 100px;
	text-align: left;
	background-color: black;
	font-weight: normal;
	font-family: Verdana;
	font-size: x-small;
	color: #5D7B9D;
}
.mycoursesleftparent { 
	vertical-align:top;
	width: 100px;
	text-align: left;
	background-color: lightsteelblue;
	font-weight: normal;
	font-family: Verdana;
	font-size: x-small;
	color: black;
}
.mycoursesleftleaf { 
	vertical-align:top;
	width: 320px;
	text-align: left;
	background-color: #CCCCFF;
	font-weight: normal;
	font-family: Verdana;
	font-size: x-small;
	color: black;
}
.mycoursesleftroot { 
	vertical-align:top;
	width: 100px;
	text-align: left;
	background-color: lightsteelblue;
	font-weight: normal;
	font-family: Verdana;
	font-size: x-small;
	color: black;
}
.mycoursesright tr { 
	vertical-align:top;
	}
.mycoursesright td { 
	vertical-align:top;
	text-align: left;
	}

.mycoursesrightA { 
	vertical-align: top;
	width: 750px;
	text-align: left;
	background-color: red;
	font-weight: normal;
	font-family: Tahoma Small Cap;
	font-size: small;
	color: white;
}	
.mycoursesrightB { 
	vertical-align:top;
	width: 85%;
	text-align: left;
	background-color: #E3EAEB;
	font-weight: bold;
	font-family: Tahoma Small Cap;
	font-size: medium;
	color: #330099;
}