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

body { background-color:#2274AE;}
h1{ font-size:200%; color:#ADBC37; margin-top:5px;}
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;
}

.masculine
{
    color:Blue;
    text-decoration:underline;
    font-weight:bold;
}

.feminine
{
    color:Red;
    text-decoration:underline;
    font-weight:bold;
}


.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:110px;text-align:right;}
.vtense{width:108px;font-weight:bold;}
.vSecHead{width:108px;border-bottom:1px solid #000000;color:#07AAEB; font-size:18px;}
.vSecTitle{color:#07AAEB; font-size:18px;}
.tdVerbHead
{
    width:110px;
    text-align:right;
    border-bottom: 1px solid #000000;
}

.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;	padding-bottom: 10px;}
	
#section-1 .screenshot {	float:right; margin-top:27px;}
#section-1 .text {	width: 432px;	padding: 50px 0 0 36px;float:left;}

#section-2 .screenshot {	float: right;	margin: 0;}
#section-2 .text {	width: 432px;	padding: 50px 0 0 36px; float:left;}

#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; text-shadow:0px 0px 0px #fff; 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;text-shadow:0 0 0 #fff;}
#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 {
	background: #72A6F2 url(../images/test/home_banner_bg.jpg) top left no-repeat;
	width: 901px;
	padding: 0;
	margin: 0 auto;
	min-height:362px;
}

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


.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; 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_hover_1.jpg) top left no-repeat; width: 189px; position:static;}
.anchors .tab2 a:hover { background: url(../images/test/tab_hover_2.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab3 a:hover { background: url(../images/test/tab_hover_3.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab4 a:hover { background: url(../images/test/tab_hover_4.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab5 a:hover { background: url(../images/test/tab_hover_5.jpg) top left no-repeat;width: 187px;position:static;}


/* Makes the text disappear */
.anchors span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}

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