@charset "UTF-8";
/* CSS Document */

/* If you want to add in a nice loking engraved type set look, use the follow line: text-shadow: 0px 1px 1px #fff; */

/* Declare the main font look */
body {font: 12px/18px "Lucida Grande", "Verdana", Helvetica, Arial, Verdana, sans-serif, Verdana, Geneva, sans-serif;  transparent; color:#333; -webkit-font-smoothing: antialiased;

 }

/* html page color */


a:link {color:#0482BA;text-decoration: none;}    /* unvisited link */
a:visited {color:#0482BA;text-decoration: none;} /* visited link */
a:hover {color:#3999CC;text-decoration: none;}   /* mouse over link */
a:active {color:#0482BA;}  /* selected link */

a.Bolder:link {color:#006699;text-decoration: none; font-weight:900; font-size:14px;}    /* unvisited link */
a.Bolder:visited {color:#006699;text-decoration: none;} /* visited link */
a.Bolder:hover {color:#3999CC;text-decoration: none;}   /* mouse over link */
a.Bolder:active {color:#006699;}  /* selected link */

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


.content { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 3px; box-shadow: rgba(0,0,0,0.2) 0 1px 3px; }

.page_titles { line-height:22px; }

b { font-weight:bold; color:#333; }

.subtitles { font-weight:500; color:#333; font-size:10px; }

strong 
{
	color:#3999CC;
	font-weight:bolder	 
}

.hilite
{
	color:#3999CC;
	font-weight:bolder	
}

p { font-weight:500; color:#333; }
p.tight { font-weight:500; color:#333; margin-top:0; }

h1,h2,h3,h4,h5,h6 {font-weight:600; color:#333; margin:0px; line-height:30px; }
h1,h2{ font-size:20px;}
h3{font-size:16px;}

h2{margin-bottom:20px;}
h3{ font-size:large;margin-bottom:10px;}

h1.quote {font-weight:600; color:#333; font-size:16px; }

.box { /* Add a corner radius to a div, span etc */
margin:0px;
width:510px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-bottom:#333; border-left-color:#999; border-right-color:#999; border-top-color:#999; border-color:#999; border-style:solid; border-width:thin;
}

.box2 { /* Add a corner radius to a div, span etc */
margin:20px;
width:750px;
margin-left:150px;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-bottom:#333; border-left-color:#999; border-right-color:#999; border-top-color:#999; border-color:#999; border-style:solid; border-width:thin;
}

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }


ul { font-weight:500; line-height: 30px; text-shadow: 0px 0px 0px #fff; }
ol { margin-bottom: 18px; line-height: 30px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.PublicProfile { font-weight:500;list-style: none inside; text-shadow: 0px 0px 0px #fff; margin-right:50px; }
ul.circle { margin-left: 2em; margin-bottom: 10px; }
ul.square { list-style: square outside;  }
ul.circle, li.circle { list-style: circle inside; }
ol.evolution { margin-left: 0; padding-left: 2em; }
/*li { list-style: none outside; text-shadow: 0px 0px 0px #fff; }*/

ul.tools { font-weight:600;list-style: none outside;font-size:11px;   }
li.tools2 { font-weight:600; list-style-position:outside; list-style:url(../images/star.jpg);font-size:11px;   }
li.tools3 { font-weight:600; list-style-position:outside; list-style:url(../images/butterfly.jpg);font-size:11px;   }
li.tools4 { font-weight:600; list-style-position:outside; list-style:decimal;font-size:11px;  }


li.checkmark { list-style: none outside; background-image:url(../images/tiny_checkbox.jpg); background-repeat:no-repeat; font-size:11px;"}
li.grey {font-weight:600; color:#CCC; font-size:11px;  }

/* http://www.colorzilla.com/gradient-editor/ if you want to change the gradient look. */
.gradient {background: #eeeeee; /* old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */ 
height:50px; width:100%;}	/* Change the height and the width */

/* http://www.colorzilla.com/gradient-editor/ if you want to change the gradient look. */
.thesidebox {background: #f2f5f6; /* old browsers */
background: #f2f5f6; /* old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #D0DFE5 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#D0DFE5)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#D0DFE5',GradientType=0 ); /* ie */
height:50px; width:320px;	/* Change the height and the width */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-bottom:#CCC; border-left-color:#CCC; border-right-color:#CCC; border-top-color:#CCC; border-color:#CCC; border-style:solid; border-width:thin;}

.transparent
{
   filter:alpha(opacity=20); 
   -moz-opacity: 0.2; 
   opacity: 0.2;   
}

/* Add a corner radius to a div, span etc */
.border {-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-bottom:#CCC; border-left-color:#CCC; border-right-color:#CCC; border-top-color:#CCC; border-color:#CCC; border-style:solid; border-width:thin;

}

.thebody
{ background-image:url(/images/BodySlice.jpg); background-position:left; background-repeat:repeat; }

.firefox
{
background: gold;
border: ridge gold;
-moz-border-radius: 13em/3em;
webkit-border-radius: 13em 3em;
border-radius: 13em/3em;
}

/* http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/   Text Effects */
.small_titles {color: #888;font-size: 14px !important; line-height: 20px; color: #000; text-shadow: 0px 1px 1px #fff; }

.inside_element { margin-left:20px;}

h1.largerTitle {font-weight:600; color:#999;}
h2.mediumTitle {font-weight:600; color:#474747;}
h3.smallTitle  {font-weight:600; color:#999;}
h4.smallestTitle {font-weight:600; color:#999;}

h1.ProgramTitle {font-weight:600; color:#474747; font-size:20px; height:20px;}
h2.mediumTitle2 {font-weight:500; color:#333; font-size:20px; height:50px;}

.WelcomeTitle {font-weight:600; color:#474747; font-size:24px; margin-top:-10px; }
.completed {font-weight:600; font-size:12px; color:#999;}

/* Transparent Trophies, Butterflys etc */
.transparent { 
background:#000000;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.2;
}

.transparent2 { 
font-weight:600; color:#000;
-moz-opacity:0.5;
filter:alpha(opacity=40);
color: #CCC;
font-size:11px;
}


/* Evolution Buttons */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a img {
	text-decoration: none;
	border: 0 none;
	}
	
	
img {
	text-decoration: none;
	border: none;
	}	

a.button {
    background: transparent url('../button_image/bg_button_a.gif') no-repeat scroll top right; 
    color: #444;
    display: block;
    float: left;
	font-weight:bold;
	font-family:"Lucida Grande", "Verdana", Helvetica, Arial, Verdana, sans-serif, Verdana, Geneva, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	text-shadow: 0px 1px 1px #fff;
}

a.button span {
    background: transparent url('../button_image/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	font-weight:bold;
	font-family:"Lucida Grande", "Verdana", Helvetica, Arial, Verdana, sans-serif, Verdana, Geneva, sans-serif;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


/* End Evolution Buttons */
	
	#tooltip{
	cursor:none;
	position:fixed;
	background-image:url(../images/tipbg.png);
	background-repeat:no-repeat;
	width:200px;
	height:80px;
	margin-left:-120px;
	margin-top:15px;
	padding:13px 30px;
	font-family:'Trebuchet MS', helvetica, arial, sans-serif;
	text-shadow: 0px -1px 0px #374683;
	font-size:12px;
	color:#FFF;
	display:none;
	
}


.myBox
{
    margin: 0 auto;
	margin-left:-5px;
    color: #000;
    width:100%;
	height:86%;
    padding: 22px;
    text-align: left;
    background-color: #FFF;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}	
	
	
.BorderContainer
{
    margin: 0 auto;
    color: #000;	
	text-align:center;
    padding: 5px;
    text-align: left;
    background-color: #FFF;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

table.centerObject 
{
	margin-left:auto;
	margin-right:auto;
}


/************** Footer Styles **************/

.footer
{
	width:900px;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 7px;
	position: static;
	text-align: center;
}

.footerText
{
	width:870px;
	text-align:center;
	font-size: 9px;
	padding: 5px 15px 10px 15px;
}

/* End of Footer Styles */