html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}

body { background-color:#4A88C0; /*background-color:#2274AE;*/}

h1, h2, h3, h4, h5 {
    clear: both;
    color: #333333;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    padding: 0;
}
    
h1 {
    font-size: 25px;
    letter-spacing: -0.025em;
    margin-bottom: 15px;
}

h2{font-size:170%; color:#A30000;/*color:#4C88BF;*/ line-height:100%; margin-top:5px;}
h3{font-size:150%; color:#4B4B4B; }

h4{font-size:130%; color:#A30000; font-weight:bold;}

#main
{
    padding-top:10px;
    background:#fff url(../images/bottombg.png) no-repeat bottom;
    min-height:300px;
}

#lcmContent
{
    padding:10px 0 0 0;
    margin:0;
    background:#fff url(../images/test/leftcolbg.png) repeat-y;
    min-height:300px;
}

#leftcolbtm
{
    padding:0;
    margin:0;    
    background:#2274AE url(../images/test/leftcolbtm.png) no-repeat;
    width: 100%;
   height: 10px;
   font-size: 1px;
}

a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}

p
{
    font-size:120%;
    margin-top:10px;
    margin-bottom:10px;   
}

.homeIntro
{
    font-size:larger;
}

.toolbarFeatureDiv
{
    clear:both; 
    width:100%;

}

p.wordReminder
{
    font-size:120%;
    font-weight:bold;
    text-align:center;
}



.imgBorder {
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin: 5px 5px 5px 5px;
	
}

.homeInfoBox {
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	width: 200px;
	height:90px;
	margin:3px;
}

.world
{
    background:url(../Images/world.jpg); 
    background-repeat:no-repeat;
}

.homeMainInfoBox {
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	margin:3px;
}

/* home tabs */

/* active state (current page state) */


.tabs a.current {
	   text-decoration:none;
	   font-size:18px;
	   font-weight:bold;
	   color:#00477F;
}

ul.homeList
{
 	   text-decoration:none;   
        list-style-image: url(../images/tickSm.png);
    
}

ul.homeList a
{
 	   text-decoration:none;
	   font-size:18px;
	   font-weight:normal;
	   color:#8CC3E9;    
    
}

/* endhome tabs */



.popupThumb {
	margin:0 20px 20px 0;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	float:left; 
	/*margin:20px*/
}


.noPadding
{
    padding:0;
    margin:0;
}

.noPadding td
{
    padding:0;
    margin:0;
}

.base
{ 
    background-color:#8DC3E9;
   
}

.benefitsTitle
{
  font-size:130%;
  font-weight:bold;
  color:#4C88BF;
}

.benefits
{
  font-size:115%;  
}

.exampleTitle
{
    font-weight:bold;
    font-size:small;
    margin-top:10px;
    margin-bottom:0px;
}

.exampleBox
{
    border:1px solid #000000; 
    background-color:#FFFFD4; 
    padding:10px;
    font-size:smaller;
    margin-top:0px;
    margin-bottom:10px;    
}

.whatNext
{
    border:1px solid #000000; 
    background-color:#FFFFD4; 
    padding:10px;    
    margin-top:0px;
    margin-bottom:10px;    
}



ul.tickList
{
    font-size:110%;    
    list-style-image: url(../images/tickSm.png);

}

.blueBox
{
    border:1px solid #000000; 
    background-color:#CFE7FF; 
    padding:5px;
}

.confirmBox
{
    border:1px solid Green; 
    background-color:#AFF3AF; 
    padding:10px;
    margin:10px;
}

.errorBox
{
    border:1px solid Red; 
    background-color:#FDBFBF; 
    padding:10px;
    margin:10px;
}

.contactForm
{
    /*width:600px;*/
}

.header
{        
    background-color:White;
    border-bottom: solid 0px #E5B256;
}


.footer
{ 
    background-color:#00477F; 
    height:40px;
    border-top: solid 2px #A0774F;
    border-bottom: solid 1px #E5B256;
    color:#FFFFFF;
    padding-top:20px;
}

.footer a
{
    color:#FFFFFF;
    text-decoration:none;
}

div.linebg
{     
    
    background:url(img/line-bg-120.gif); 
    background-repeat:repeat-x;

}

div.colboxinner 
{
    background-color:#D9DB56;
    padding:4px 4px 4px 4px;
    color:#fff;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    /*border-radius:6px;*/
}

.leftgap
{
    margin-left: 0px;
    padding-left: 10px;
}
.rightgap
{
    margin-right: 0px;
    padding-right: 10px;
}

/* registration form */

.regTextbox
{
    width:150px;
    vertical-align:middle;
    margin:0px;
}

.regLabel
{
    font-weight:normal;
    text-align:right;
    vertical-align:middle;
}

.regTitle
{
}

.regInstructions
{
}

.regButton
{
    margin:0;
}

.reg
{
    margin:0;
    padding:0;    
}

.regValidation
{

    background:lightpink;
    color:Black;
    padding:2px;
    margin:1px;
}

/* end registration form */


/* rounded corner stuff */
.roundedcornr_box_684648 {
   background: #aebc21 url(img/roundedcornr_684648_grad.gif) repeat-x top left;
   margin:5px;
}
.roundedcornr_top_684648 div {
   background: url(img/roundedcornr_684648_tl.gif) no-repeat top left;
}
.roundedcornr_top_684648 {
   background: transparent url(img/roundedcornr_684648_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_684648 div {
   background: url(img/roundedcornr_684648_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_684648 
{
    background: url(img/roundedcornr_684648_br.gif) no-repeat bottom right;
}

.roundedcornr_top_684648 div, .roundedcornr_top_684648,
.roundedcornr_bottom_684648 div, .roundedcornr_bottom_684648 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_684648 { margin: 0 10px; color: #FFFFFF }




.roundedcornr_box_366462 {
   background: #ffffff;
}
.roundedcornr_top_366462 div {
   background: url(img/roundedcornr_366462_tl.png) no-repeat top left;
}
.roundedcornr_top_366462 {
   background: url(img/roundedcornr_366462_tr.png) no-repeat top right;
}
.roundedcornr_bottom_366462 div {
   background: url(img/roundedcornr_366462_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_366462 {
   background: url(img/roundedcornr_366462_br.png) no-repeat bottom right;
}

.roundedcornr_top_366462 div, .roundedcornr_top_366462, 
.roundedcornr_bottom_366462 div, .roundedcornr_bottom_366462 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_366462 { margin: 0 10px; }



/* list stuff */



.ablist  
{
    list-style-image: url(img/tinysorb.gif);
    font-size:120%;
}
  
.ablistG
{
 list-style-image: url(img/tinysorbG.gif)
}   





/*menu */



#menu {
	/*background: #333;*/
	background: #00477F;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 110% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #00477F url("../Images/seperator.gif") bottom right no-repeat; /* #333*/
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}

#menu a:hover {
	background: #95A12F url("../Images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
	}
	
#menu a.current{
	background: #95A12F url("../Images/hover.gif") bottom center no-repeat;
	color: #fff;
}	

/* end menu */

#vmenu {
	/*background: #E8F4F8;*/
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	/*width: 100%;*/
}
#vmenu li {
	font: 110% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#vmenu a {
	/*background: #E8F4F8;*/
	border-bottom: 1px solid #CDDDE8;
	border-top: 1px solid #fff;
	color: #0E7FC7;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#vmenu a:hover {
	background: #C0E1EC url("../Images/vhover.gif") left center no-repeat;
    
	color: #0E7FC7;
	padding-bottom: 8px;
}

#vmenu a.current{
	/*background: #2580a2 url("../Images/vhover.gif") left center no-repeat;*/
	background: #fff /*url("../Images/vhover.gif") left center no-repeat*/;
	color: #0E7FC7;	
	border-bottom: 1px solid #fff;
}

/* verb tables*/

.tdr{width:130px;text-align:left;}
.vtense{width:110px;font-weight:bold;}
.vSecHead{width:110px;border-bottom:1px solid #000000;color:#07AAEB; font-size:18px;}
.vSecTitle{color:#07AAEB; font-size:18px;}
.tdVerbHead
{
    width:130px;
    text-align:left;
    border-bottom: 1px solid #000000;
    color:#B3B300;
    font-weight:bold;
}

.verbSec {
	background-color:#F8F8E8;
	border:1px solid #ccc;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin: 5px 5px 5px 5px;
	
}

#verbtip { 
 /*display:none;*/
	background-color:#D7ECF3;
	border:solid 1px #000000;
	padding:5px;
	font-size:13px;
    color:#000000;     
}
/* end verb tables*/

/* search box*/
.wmBox
{
    color:#E1E1E1;
    font-size:20px;
    height:25px;
    width:200px;
}

.nonWmBox
{
    color:#000000;
    font-size:20px;
    height:25px;
    width:200px;
}

.searchBtn
{
    font-size:15px;
    font-weight:bold;
    height:30px;
    width:70px;
}/* end search box*/

.next
{
    font-size:2em;
    color:#4C88BF;
}

.bigLink
{
    font-size:1.5em;
    color:#4C88BF;
}

/*demo*/
.dmNext{float:right; font-size:18px;}
.testNext{font-size:18px;}
.mnemon{text-align:center; font-size:1.5em; height:220px;}
.testTab td{font-weight:bold;}



/* testing 
#modalBackground
{
    width: 100%; height: 100%; 
    z-index: 9000; padding: 0px; margin: 0px; 
   background: transparent url(mask.png); 
    position: fixed; 
    top: 0px; 
    overflow: hidden;
    background-color:#000000;
     
}*/

.modal { 
    background-color:#E9F5F8; 
    /*display:none;*/ 
    width:550px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 position: fixed; z-index: 9999; top: 51.9px; left: 348px; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 100px #000000; 
    -webkit-box-shadow: 0 0 100px #000000; 
} 
 
.modal h2 { 
    background:url(/img/global/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 0; 
    border-bottom:1px solid #333; 
    font-size:20px; 
}

.wGLPad{margin-left:19px;}

.myWordBul li
{
    margin-bottom:10px;
}

.testBox
{
    background-color:#EEFCE3;
    border:solid 1px #CBE4C6;
    color:#327406;    
    padding:10px 30px 10px 30px;
    margin:10px 40px 10px 40px;
    font-family:Georgia;

}

.testBox h3
{
    
    color:#327406;    
    
}

.testName
{
    float:right;
    font-size:16px;
}

.priceComp td
{
    vertical-align:top;
}

#footer2
{
    color:#fff;
    text-align:center;
}

#footer2 a
{
    color:#fff;
    text-align:center;
}

.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
 padding:10px;
	width:675px;	
	min-height:200px;
	border: solid 2px #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* simple css-based tooltip */
.tooltip {
	display:none;
	background-color:#D7ECF3;
	border:solid 1px #000000;
	padding:5px;
	font-size:13px;
    color:#000000; 
}


/*news */

#newsticker-demo {  
padding:0; 
}

.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }


#container-1 p{	color: #fff;	line-height: 18px;	}
#container-1 h1{color: #fff; font-size:25px; line-height: 18px;}
#container-1 li {color: #fff; font-size:15px;}

.learnMore { position:relative; 
             background-color:#FFF;  
             padding:2px; 
             width:87px; 
             z-index:999;
             top:240px; left:800px;}

.learnMore a
{
    color:#A30000; 
    font-size:16px; 
    font-weight:bold; 
}
             
#section-1 #headContent1 { margin-top:20px; width: 350px; height:200px; float:right;}
#section-2 #headContent2 { margin-top:20px; float:right; height:250px; width:430px;}
#section-3 #headContent3 { margin-top:30px; width: 350px; height:200px; float:right;}
#section-4 #headContent4 { margin-top:30px; width: 350px; height:200px; float:right;}
#section-5 #headContent5 { margin-top:30px; width: 350px; height:200px; float:right;}

#section-3 .text {	width: 432px;	padding: 50px 0 0 36px;float:left;}
#section-3 .modules {width:370px;float:right;color:#fff; font-size:11px; padding-right:0px;margin-top:40px;}
#section-3 .modules strong {display:block; font-size:12px; padding:0 0 2px 0;}
#section-3 .modules em {font-style:normal;}
#section-3 .modules ul{ width:165px; float:left;padding-right:15px;}
#section-3 .modules ul li{ padding: 10px 0; height:40px; }
#section-3 .modules h3 { 	width:350px;margin: 0 5px 0 0;	padding: 0 0 4px 0;color:#fff;font-size:14px; border-bottom:1px solid #578BD5;}
#section-3 .modules .icon {float:left; margin-right:6px;}

#section-4 .screenshot{	float:left; margin:0px;}
#section-4 .text {	width: 435px;	padding: 60px 55px 0 0;float:right;}

#section-5 .pronet{ float:left; margin-top:24px; padding-left:20px; width:360px;}
 #section-5 .pronet a:link, #section-5 .pronet a:visited{padding:3px; background-color:#fff; border: 1px solid #293459;float:left; margin:0 0 10px 10px;display:block;}
 #section-5 .pronet a:hover{padding:3px; background-color: #C5DCE7; border: 1px solid #fff;float:left; margin:0 0 10px 10px;display:block;}
#section-5 .text {	width: 432px;	padding: 40px 55px 0 0;float:right;}

/*  Headline Replacement */
#container-1 h2 span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}
	#section-1 h2{ 	width: 422px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(http://expressionengine.com/images/design/text_home_tab1.gif) top left no-repeat;}
	#section-2 h2{ 	width: 426px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(http://expressionengine.com/images/design/text_home_tab2.gif) top left no-repeat;}
	#section-3 h2{ 	width: 318px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(http://expressionengine.com/images/design/text_home_tab3.gif) top left no-repeat;}
	#section-4 h2{ 	width: 436px;	height: 31px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(http://expressionengine.com/images/design/text_home_support.gif) top left no-repeat;}
	#section-5 h2{ 	width: 384px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(http://expressionengine.com/images/design/home_text_tab5.gif) top left no-repeat;}

#section-2,#section-3,#section-4,#section-5 {display:none;}


#container-1 {	
	width: 901px;
	padding: 0;
	margin: 0 auto;
	min-height:362px;
}

.fragment1,.fragment2,.fragment3,.fragment4,.fragment5 { min-height: 277px;}
.fragment2,.fragment3,.fragment4,.fragment5 { display:none;}

.fragment1
{
    background: #72A6F2 url(../images/test/topbg-sec1.jpg) top left no-repeat;
}

.fragment2
{
    background: #72A6F2 url(../images/test/topbg-sec2b.jpg) top left no-repeat;
}

.homeMnemon
{
    position:relative;
    left:50px;
    top: 45px;
    height:200px;
    width:185px;    
}

.mnemon
{
    text-align:center; font-size:1.5em; height:220px;
}

.fragment3
{
    background: #72A6F2 url(../images/test/topbg-sec3.jpg) top left no-repeat;
}

.fragment4
{
    background: #72A6F2 url(../images/test/topbg-sec4.jpg) top left no-repeat;
}

.fragment5
{
    background: #72A6F2 url(../images/test/topbg-sec5.jpg) top left no-repeat;
}

.anchors {list-style: none; margin: 0; padding: 0; height: 85px;}
.anchors li { margin: 0; float: left;}

/* attaching active state to background of li for pre-loading */
.anchors .tab1 {	background: url(../images/test/tab_hover_1.jpg) top left no-repeat; width: 189px;}
.anchors .tab2 {	background: url(../images/test/tab_hover_2.jpg) top left no-repeat; width: 175px;}
.anchors .tab3 {	background: url(../images/test/tab_hover_3.jpg) top left no-repeat; width: 175px;}
.anchors .tab4 {	background: url(../images/test/tab_hover_4.jpg) top left no-repeat; width: 175px;}
.anchors .tab5 {	background: url(../images/test/tab_hover_5.jpg) top left no-repeat; width: 187px;}


.anchors a {display: block; text-decoration:none; position: relative; top: 0px; left:0; z-index: 2; padding: 0px; color: #000; height: 85px;}


/* Tab Rollovers */
.anchors .tab1 a:link, .anchors .tab1 a:visited { background: url(../images/test/tab_normal_1.jpg) top left no-repeat; width: 189px; position:static;}
.anchors .tab2 a:link, .anchors .tab2 a:visited { background: url(../images/test/tab_normal_2.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab3 a:link, .anchors .tab3 a:visited { background: url(../images/test/tab_normal_3.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab4 a:link, .anchors .tab4 a:visited { background: url(../images/test/tab_normal_4.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab5 a:link, .anchors .tab5 a:visited { background: url(../images/test/tab_normal_5.jpg) top left no-repeat;width: 187px;position:static;}

.anchors .tab1 a:hover { background: url(../images/test/tab_active_1.jpg) top left no-repeat; width: 189px; position:static;}
.anchors .tab2 a:hover { background: url(../images/test/tab_active_2.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab3 a:hover { background: url(../images/test/tab_active_3.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab4 a:hover { background: url(../images/test/tab_active_4.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab5 a:hover { background: url(../images/test/tab_active_5.jpg) top left no-repeat;width: 187px;position:static;}



/* Makes the text disappear */
.anchors span {display:block;overflow: hidden;font-size: 14px;color: #fff; font-weight:bold;
                padding:20px 10px 0 90px;}

.anchors .tab1 a.current { background: url(../images/test/tab_active_1.jpg) top left no-repeat; width: 189px; }
.anchors .tab2 a.current { background: url(../images/test/tab_active_2.jpg) top left no-repeat;width: 175px;}
.anchors .tab3 a.current { background: url(../images/test/tab_active_3.jpg) top left no-repeat;width: 175px;}
.anchors .tab4 a.current { background: url(../images/test/tab_active_4.jpg) top left no-repeat;width: 175px;}
.anchors .tab5 a.current { background: url(../images/test/tab_active_5.jpg) top left no-repeat;width: 187px;}

/*
.anchors .tabOn1 {	background: url(../images/test/tab_active_1.jpg) top left no-repeat; width: 189px;}
.anchors .tabOn2 {	background: url(../images/test/tab_active_2.jpg) top left no-repeat; width: 175px;}
.anchors .tabOn3 {	background: url(../images/test/tab_active_3.jpg) top left no-repeat; width: 175px;}
.anchors .tabOn4 {	background: url(../images/test/tab_active_4.jpg) top left no-repeat; width: 175px;}
.anchors .tabOn5 {	background: url(../images/test/tab_active_5.jpg) top left no-repeat; width: 187px;}
*/

.gridHeader
{
    font-weight:bold;
    padding:4px;
    font-size:15px;
    background-color:#AEBC37;    
}

.gridCell
{    
    padding:2px;
    font-size:12px;
    background-color:#fff;    
}

.gridCellAlt
{
    background-color:#F6F5E6;    
}

.pronLetter { font-weight:bold; font-size:15px;}
.breadcrumb{ margin-bottom:10px; border-bottom: solid 1px #ccc; padding: 0 0 5px 0;}

.subMenuHeadLink { font-size:18px; color:#954B00; text-decoration:none;}

.subMenu ul{ margin-left:0; margin-top:10px;}
.subMenu ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:3px; }
.subMenu a {text-decoration:none;}

#langHomeHead{ height:252px; background:#fff url(../images/bluegradient.png) repeat-x;}
#teachHomeHead{ height:200px; background:#fff url(../images/bluegradient.png) repeat-x; padding: 20px 20px 0 20px; margin-bottom:20px;}

#langHomeBoxes{ margin:5px; }
.infoBox { margin: 10px 10px 10px 10px; width:270px; min-height:100px; border:solid 1px #E7EDF1; border-top:solid 15px #BACDDC; padding:10px; float:left;}
.infoBox h2{ color:#D56E0E; border-bottom:solid 1px #BACDDC; padding-bottom:10px; margin-bottom:10px;}

.infoBox ul 
{
    
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 1em;
}
.infoBox li 
{
    background-image: url('../images/icons/blue/16x16/Arrow1 UpRight.png');
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    padding-left:30px;
    padding-bottom:3px;}
.infoBox a{color:#4D4D4D; font-size:15px; text-decoration:none;}
.infoBox a:hover{text-decoration:underline;}

.langHomeHeadCont{ margin:20px;}
.langHomeHeadCont h1{ color:#D56E0E; }

a.readMoreLink {color:#F66715; font-size:20px; background:url('../images/icons/orange/DotsUp.png') no-repeat;
                padding-left:30px; padding-right:30px; text-decoration:none;
                }
                
a.readMoreLink:hover{ text-decoration:underline;}

#teachers h1,h2 { color:#003E75; }

#teachers a.readMoreLink {color:#2688BE; padding-left:20px; background:url('../images/icons/blue/16x16/Dots Up.png') no-repeat;}
                
.exampleTable
{
    border-collapse:collapse;
}

.exampleTable th
{
    background-color:#3177B2; color:#fff; text-align:center; border: solid 1px #ccc;
}

.exampleTable td
{
    background-color:#F8F9F9; color:#000; border: solid 1px #ccc;
}

.eg
{
    color:#048A40; font-weight:bold;
}

.exampleTable .trAlt td
{
    background-color:#fff;
}
.examples{ width:200px;}
.examples td
{
    padding:0px;
}
.examplePanel{padding:0 20px 10px 20px; border:solid 1px #ccc; background-color:#F8F8E8; margin-bottom:20px;}
.exceptions{ margin-left: 60px;}
.exceptions span{ font-weight:bold;}
.exceptions .eg{ color:#CC0000;}


.lessListImg{border: solid 1px #ccc; height:60px; width:60px;}
.lessListTitle{ font-size:18px; color:#666;}
.lessListSub{}

.homeListImage{border: solid 1px #ccc; height:40px; width:40px;}

.clear{ clear:both;}
.hidden{ display:none;}


	.modal {
		background-color:#fff;
		display:none;
		width:350px;
		padding:15px;
		text-align:left;
		border:2px solid #333;

/*
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc;
*/
	}
	
	
.PageConfirmation
{
    margin: 10px 1px;
    padding:10px 10px 10px 30px;
    border: solid 1px #3F7E20;
    background-color: #E5F6DC;
}

.PageError
{
    margin: 10px 1px;
    padding:10px 10px 10px 30px;
    border: solid 1px #A30505;
    background-color: #FEE2E2;
}

.PageValidation
{
    margin: 10px 1px;
    padding:10px 10px 10px 30px;    
    border: solid 1px #A30505;
    background-color: #FEE2E2;

}	

.infoTip {
	display:none;
	padding:20px;
	font-size:12px;
	color:#000;
	border: solid 2px #000;
	background:#E6F2FA;

	/*	-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-box-shadow: 0 0 50px #000;
		-webkit-box-shadow: 0 0 50px #000;
	*/
}

.infoTipLink
{
    cursor:pointer;
}

.infoTip .infoHeader
{
    background: url(../images/icons/blue/16x16/info2.png) no-repeat;
    padding-left:20px;
    font-size:17px;
}

.homeLessonTitle a { color:#156CA8;}

/* vocab lessons */

        #vocOuter
        {   position:relative;
	        padding: 10px 10px 10px 10px ;
	        width: 800px;
	        background: #2274ae;
	        margin: 10px auto;
        	
            border-radius:10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;

        }
        
        #vocContent{ margin-bottom:7px;}
        
        #vocMain
        {
            
            margin: 5px 0 5px 0;
	        padding: 10px;
	        background-color: #ffffff;
            min-height:400px;
            width: 500px;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;    
        }
       
        #vocInfo
        {
            float:right;
            margin: 0 0 5px 0;
	        padding: 10px;
	        background-color: #ffffff;
            height:400px;
            width: 250px;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
        }
     
         #vocFooter
        {
            margin: 0 0 0 0;
	        padding: 5px 10px;
	        background-color: #ffffff;
            
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
        
        }   
        
        #vocInfoImage img
        {
            height:250px; width:250px; border:solid 1px #cccccc;
        }    

        #lblWordType { font-size:15px; }
        #lblGender { font-size:15px; }
        #lblQNum { font-size:26px; }
    
        #vocFooterHeading
        {
            font-size:22px;        
        }
        
        #vocMainDets{ text-align:center; height:288px;}
        
        #vocT2 a{font-size:40px; font-weight:bold;}
        
        #vocT1 {font-size:30px;  font-style:italic; color:#999999;}
        #vocMenmonic{font-size:25px; font-style:italic; height:130px; padding-top:40px; }
    
        #vocTextInfo{height:112px;}
        
        
        #vocCorrect{display:none;height:28px;
                    border:solid 1px Green; 
                    background:#E5F6DC; 
                    font-size:20px; 
                    padding: 4px 0 0 4px; text-align:left;}

        #vocIncorrect{text-align:left;
                            
                            height:28px;
                            border:solid 1px Red; 
                            background:#FEE2E2; 
                            font-size:20px;
                            padding: 4px 0 0 4px;}
         
        #vocInstruction {display:none; padding: 9px 0 0 4px; height:23px; text-align:left; color:#666; font-size:15px;}
        
        #vocTextBox {}
        #vocTextBox #txtWord{ height:40px; font-size:30px;}
        #vocTextBox #btnCheck{height:45px;font-size:30px; margin-top:4px;}
        #vocTextBox #btnNext{height:45px;font-size:30px; margin-top:4px;}
        
        #vocTextFooter{}
        
        .T2Link {color:#8C962C;}
        .Feminine { color:Red; }
        .Masculine { color:Blue; } 
        
        
        #summcontainer
        {
            
            margin: 5px;
	        padding: 10px;
	        background-color: #ffffff;
            min-height:450px;
            
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;    
        }      
        
        /* voc instruction */
        .vocInst{position:absolute; z-index:999; opacity:0.9; filter:alpha(opacity=90); background-color:#fff;}
        
        #vocInst1{display:none;height:140px; width:500px; top:20px; left:20px; opacity:0.8; filter:alpha(opacity=80);}
        #vocInst2{display:none;top:150px; left:15px; height:150px; width:510px; opacity:0.8; filter:alpha(opacity=80);}
        #vocInst3{display:none;top:300px; height:120px; left:15px;  width:510px; opacity:0.8; filter:alpha(opacity=80);}
        
        #vocInstText1{ display:none;right:17px; top:20px; width:254px; height:410px; }        
        #vocInstText2{ display:none; right:17px; top:20px; width:254px; height:410px; }        
        #vocInstText3{ display:none; right:17px; top:20px; width:254px; height:410px; }

    /*
        #vocInstrOuter{ border:solid 1px red; }
        #vocInst1{border:solid 1px blue;}
        #vocInst2{border:solid 1px blue;}
        #vocInst3{border:solid 1px blue;}
        #vocInstText1{border:solid 1px blue;}        
        #vocInstText2{ border:solid 1px blue;}        
        #vocInstText3{ border:solid 1px blue;}
      */  
        /* end voc instruction */
        
        
        /* end of vocab lessons */
        
        .largeBtn { height:30px; font-size:20px;}
        
        
        /*summary stuff */
        .summaryBox
{
    margin: 0 3px 10px 3px;
	padding: 10px;
	background-color: #eee;
	width:140px;

    color:#666666;
    min-height:20px;
    
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.summaryBoxFin
{
    margin: 0 3px 10px 3px;
	padding: 10px;
	background-color: #4C98EE;
	color:#000000;

    min-height:60px;
    
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.summaryBoxNext
{
	background-color: #4C98EE;
	color:#000000;
}

.summaryBoxComplete
{
	background-color: #C9DAEC;
	color:#000000;
}

.summaryBox .summaryH
{
	font-size:18px;
	line-height:0.5;
	font-weight: normal;
	font-style:italic;
	
}

.summaryBoxComplete .summaryH
{
	font-size:18px;
	font-weight: bold;
	font-style:italic;
}

.summaryBoxNext .summaryH
{
	font-size:18px;
	font-weight: bold;
	font-style:italic;
	color:#fff;
}

.summaryResults
{
    background:#eee; 
    width:585px; 
    padding:10px;
    height: 125px;
    
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;   
}

.summaryScore
{
    margin:0;
    padding:5px;
    width:130px;
    background:#fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;   
    text-align:center; 
}

.summaryScore td
{
    padding:2px;
    margin: 0;
    font-size:15px;
}


/* end summary stuff */

a.verbAffLink{
    color:#A20D1C; font-size:16px; text-decoration:none;
}
a:hover.verbAffLink{
    text-decoration:underline;
}