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

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


* {
	margin: 0;
	padding: 0;
}

html{
overflow:-moz-scrollbars-vertical;
}

textarea{
overflow:auto;
}


.cake-sql-log {
background-color:#efefef;
width: 100%;
font-size: 12px;
display:block;
}

#language p {
color: #ffffff !important;
}


/****BEGIN CSS CODE******************************/
.focus {
background-color:#F5FAA0 !important;
}
.cheap {
color:#FF3300 !important;
}
a {
color:#50AED2;
text-decoration:none;
}
a:hover: {
text-decoration:underline;
}


/***CLASSES*******/

.large {
	font-size: 16px;
}
#italic {
font-style: italic !important;
font-size: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.inactive {
color: orange !important;
}
.inactive2 {
color: red !important;
}
.good_active {
color:green !important;
}
.black {
color:black !important;
}

.top {
	clear:both;
	margin-top: 40px;
}
.warning {
color: red;
}
.announce {
padding: 20px;
background-color:#efefef;
font-size: 15px;
color: black;
}

.btns {
float: right;
}
.btns img{
border:none;
}
.arrow {
background:transparent url(/themed/study/img/common/circle.gif) no-repeat scroll left 3px !important;
padding-left: 15px;
}




/*LARGER STRUCTURE***/
body {

 font-family: "Lucida Grande", Arial, Helvetica, sans serif;
 font-size: 12px;
 color: black;
 line-height: 1.7em;
 
 background:white url(../img/common/body_background.gif) repeat-x scroll 0 0;
}


#wrapper {
	width: 930px;
	margin-left:auto;
	margin-right:auto;
}

#header {
 width: 910px;
 color: white;
 padding: 5px 5px 0px 5px;
 float: left;
 height:33px;
 overflow:hidden;
}

#navigation {
	clear:both;
	height: 68px;
	overflow:hidden;
}



#main {
	clear:both;
	background:transparent url(../img/common/main_back.jpg) no-repeat scroll 0 0;
	padding: 0px 0px 0px 3px;
}

#footer {
	clear:both;
	background-color:#A7CC00;
	padding: 50px;
	text-align:center;
	color: black;
}

#footer a{
	color:black;
	text-decoration:underline;
}

#footer a:hover {
	color: white;
}

.created {
	font-size: 10px;
	color:#666666;
}
.light {
	color:#999999;
}

/****BLOCK SECTIONS*******/


/*header*/
#language {
	width: 200px;
	float:left;
	position:relative;
	top: -8px;
}
	#language_img {
		position:relative;
		top: 3px;
	}

#user_login {
	width: 500px;
	text-align: right;
	float:right;
}
	#login {
	position:relative;
	top: 3px;
	#top: -5px;
	}

	#login ul li {
	display:inline;
	margin-left: 5px;
	}
	#log {
	}
	button.login  {
	background:url(../img/common/login.gif) no-repeat scroll 0 0;
	border-style:none;
	cursor:pointer;
	width:64px;
	height:28px;
	position:relative;
	top: -5px;
	#top:5px;
	}

	#login input {
	height:15px;
	}

/**navigation***/
#navigation {
	#height: 68px;
}
	#logo {
	width: 259px;
	heigth: 68px;
	float: left;
	#position:relative;
	#top: -20px;
}
	
	#main_nav {
	display:inline;
	float: right;
	position:relative;
	top: 25px;
	#position:relative;
	#top: 10px;


	}

	#main_nav li {
	display:inline;
	float: left;
	}

/**MAIN***/
/*index page*/
#index_img {
display:block;
width:917px;
overflow:hidden;
position:relative;
top: 0px;
left: 3px;
}
#s {
width:502px;
height: 324px;
overflow:hidden;
float:left;
}
#s1 {
width:415px;
height: 324px;
overflow:hidden;
float:right;
}

#index_btm {
display:block;
width:917px;
overflow:hidden;
position:relative;
clear:both;
float:left;
margin-top: 25px;
margin-bottom: 10px;
}

#btm_box {
	float: left;
	display:inline;
	width: 630px;
	#padding-bottom: 20px;
}
#btm_side {
	float: right;
	width: 285px;
}

#user_box {
	background-color:#FAF182;
	padding: 20px 20px 0px 20px;
	float: right;
	margin-bottom: 10px;
}
#hpiece2 {
background:transparent url(../img/common/flab.jpg) no-repeat scroll 0 0;
display:block;
height:27px;
position:absolute;
right:0px;
top:0;
width:37px;
z-index:101;
}

#submit {
padding: 5px 10px;
}


.submission {
float: right;
}
#forget {
font-size: 10px;
text-decoration:underline;
}
#user_box label {
	background-color:#FFBD59;
	width: 60px !important;
	padding: 0px 10px;
	
	float:left;
}
.inputs {
	position: relative;
	top: 0px;
	padding: 5px;
	width: 230px;
}

#user_box li {
	display:block;
	clear:both;
	margin-bottom: 10px;
}


.study_suite {
background:transparent url(../img/common/ss.jpg) no-repeat center center;
}
.spelling_bee {
background:transparent url(../img/common/sb.jpg) no-repeat center center;
}
.write {
background:transparent url(../img/common/wr.jpg) no-repeat center center;
}
.repeat {
background:transparent url(../img/common/rr.jpg) no-repeat center center;
}
.tpp {
background:transparent url(../img/common/tpp.jpg) no-repeat center center;
}

.program_item {
position:relative;
height: 195px;
#height: 205px;
}

.program_item p {
	width: 100px;
	position: relative;
	left: 150px;
	top: 40px;
}
.hpiece3 {
background:transparent url(../img/common/more.jpg) no-repeat scroll 0 0;
display:block;
height:34px;
position:absolute;
right:-5px;
bottom:0;
width:74px;
z-index:101;
}


.hpiece4 {
background:transparent url(../img/common/more2.jpg) no-repeat scroll 0 0;
display:block;
height:34px;
position:absolute;
right:-5px;
bottom:0;
width:74px;
z-index:101;
}
/***news****/
#news h3 {
margin: 0px;
padding: 0px;
}

#news p {
margin-top: 0px;
}

/****program list***/
ul#program_list {
float: left;
}

ul#program_list li {
	display:inline;
	float:left;
	padding: 5px;
	border:1px solid #CCCCCC;
		width: 279px;
	height: 198px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 15px;
}
/***internal contents***/

#content_wrapper, #content_wrapper2 {
	padding: 30px 30px 30px 30px;
	overflow:auto;
	#width: 867px;
}
#content_wrapper2 {
	padding: 30px;
	padding-top: 30px;
}

	#side_nav {
	width: 250px;
	margin-right: 0px;
	float: left;
	}
	#contents {
	float: right;
	width: 580px;
	}
	#wide_contents {
	padding-top: 15px;
	}

	
/**main content styles****/
h1 {
font-size: 30px;
margin-bottom: 20px;
line-height: 30px;
}
h1 span {
margin-top: 0px;
display:block;
color:#4A4A4A;
font-size: 20px;
letter-spacing: -0.5px;
}
p {
margin-top: 10px;
margin-bottom: 10px;
color: #444444;
}
div.hr, div.hr2 {
height: 0px;
border-bottom: 1px solid #efefef;
display:block;
clear:both;
}
div.hr2 {
  margin-bottom: 10px;
}


#contents h2, #wide_contents h2 {
	margin-top: 10px;
	font-size: 15px;
}

#contents ul, #wide_contents h2 {
margin-bottom: 10px;
color: #444444;
}
#contents ul li {
list-style-type:square;
list-style-position: inside;
margin-bottom: 5px;
margin-left: 15px;
}

.pointer {
text-align:right;
}
.pointer a {
background:transparent url(/themed/study/img/common/pointer.gif) no-repeat scroll left top !important;
padding-left: 23px;
text-decoration:underline;
}

.contents_img1 {
float: left;
padding: 5px;
border: 1px solid #efefef;
margin: 0px 15px 10px 0px;
}

.contents_img2 {
float: right;
padding: 5px;
border: 1px solid #efefef;
margin: 0px 0px 10px 15px;
}


/**table**/

#corporate {
	margin-right: 20px;
}

.comparison, .comparison2, .comparison3 {
	margin-top: 15px;
	margin-bottom: 20px;
	background: #fbfbfb;
   border: 1px solid #cccccc;
   padding: 10px;
   font-size: 10px;
}

.comparison2 {
   font-size: 12px;
}


.comparison img {
	padding: 0;
	margin: 0;
	border: none;
}

.comparison th, .comparison2 th, .comparison3 th {
	margin:0px;
	padding: 10px;
	background: #CEE1EF;
	text-align:center;
	width: 20%;
	font-weight: bold;
}

.comparison td, .comparison2 td, .comparison3 td {
	text-align:center;
	 border: 1px solid #cccccc;
	border-top:none;
	border-left: none;
}

.comparison2 td, .comparison3 td {
	padding: 10px;
	border-right:none;
}

.comparison3 {
	padding: 5px;
	font-size: 10px;
	background-color: #ffffff;
}
.comparison3 td {
	padding: 5px;
}

th.side {
	background: #CEE1EF;
}


.last2 td {
	border:none;
}

td.last {
	border-right: none;
}

.the_price td, .the_price th {
	font-size: 15px;
	background-color:#efefef;
	border:none;
	
}
th.none {
	font-weight: bold;
}

/***side navigation**/
.box {
background:#FCF5A0 url(/themed/study/img/common/side_nav.jpg) no-repeat scroll left top !important;
padding: 20px;
margin-bottom: 10px;
}
.box ul li {
font-size: 14px;
list-style-type:square;
list-style-position: inside;
font-weight: bold;
margin-bottom: 10px;
}

.box ul li a {
text-decoration:none;
color:black;
}
.box ul li a:hover {
text-decoration:underline;
}
#signup ul li {
list-style:none;
padding: 10px;
color:#666666;
}

.selected {
background-color: #DFD461;
color:black !important;
}

#agreement {
height: 300px;
overflow:scroll;
 border: 1px solid #cccccc;
 padding: 20px;
}
/*****tabs****************/
   #tabs {
   margin: 20px 0;
   }
   #tabs ul {
	   float: left;
	   background: #ffffff;
	   padding:0px !important;
	   margin:0px !important;
   }
   #tabs li {
	list-style: none !important;
	padding: 0px;
	margin: 0px;
   }
   * html #tabs li {
	display: inline; /* ie6 double float margin bug */
   }
   #tabs li,
   #tabs li a {
   float: left;
   }
   #tabs ul li a {
   text-decoration: none;
   padding: 8px;
   color: black;
   font-weight: bold;
   margin:0px;
   border: 1px solid #cccccc;
   }
   #tabs ul li.active {
   background: #CEE1EF;
   color:black;
   }
   
   #tabs div {
   background: #fbfbfb;
   border: 1px solid #cccccc;
   clear: both;
   padding: 20px;
   margin: 0px;
   position:relative;
   top: -10px;
  # top: -5px;
  overflow:auto;
   }
   * html #tabs div{
	 top: -23px;
	}
   #tabs div ul {
   background:#fbfbfb;
   }
  #tabs div h3 {
  font-size: 15px;
   margin-bottom: 10px;
   }
   #tabs div p ul li {
	list-style-position: outside !important;
	list-style-type:square !important;
	margin-bottom: 5px;
	margin-left: 15px;   
   }

   
/****FLASH MESSAGES*****/
.message {
	display:block;
	padding: 10px;
	background: #fcf5a0;
	margin-bottom: 10px;
	border:2px solid #444444;
}

/***sign up***/

.text, .text2, .text3 {
font-size:14px;
line-height:16px;
width:200px;
}
input.text_smaller {
	margin-left:0px !important;
	padding-left:0px !important;
}
.text3 {
width: 100px;
}
input.text, input.password, textarea,  .text2, .text3 {
background:#FFFFFF none repeat scroll 0 0;
border:2px solid #444444;
padding:4px;
}
input.password:focus, input.text:focus, textarea:focus, .text2:focus, .text3:focus {
border-color:#1b98AC;
}

form label {
display:block;
float:left;
font-weight:bold;
line-height:30px;
margin-right:10px;
text-align:left;
width:150px;
}
input.submit:hover, input.submit2:hover {
background-color:#A7CC00;
}
form input.submit, form input.submit2 {
border:none;
margin-top: 20px;
float:right;
background-color:#179AB0;
color:white;
padding: 5px 10px;
}

form input.submit2 {
font-size: 10px;
padding: 2px;
margin-top: 5px;
margin-bottom: 5px;
clear:both;
}

.example {
display:block;
clear:both;
font-size: 10px;
margin-left: 170px;
color:#999999;
}
.box_frame, .box_frame2 {
   background: #fbfbfb;
   border: 1px solid #cccccc;
   padding: 20px;
   margin-bottom: 20px;
   float: left;
   width: 540px;
}
.box_frame2 {
 margin-top: 10px;
 padding-top: 10px;
}

.box_frame p, .box_frame2 p {
font-weight: bold;
}

#affiliate {
clear:both;
margin-top: 30px;
}

.signup2 {
clear:both;
margin-top: 10px;
}

.total {
float: right;
clear:both;
margin-top: 2px;
margin-bottom: 2px;
}
#total {
text-decoration: underline;
font-weight: bold;
font-size: 15px;
}

#myform p {
display:block;
}

/***program boxes****/
.program_box {
	padding: 10px;
	background: #fbfbfb;
	border: 1px solid #cccccc;
	overflow:auto;
	margin-bottom: 10px;
	clear:both;
}
.program_box img {
	padding: 10px;
	float: left;
}
.program_buttons {
	text-align:right;
	display:block;
}

a.program_button {
	background-color:#179AB0;
	font-size: 12px;
	color:white;
	padding: 5px 10px;
	margin-left: 5px;
	float: right;
	display:inline;
}
a.program_bottom:hover {
	background-color:#A7CC00 !important;
}

#reset {
	border: 1px solid #cccccc;
	background-color:#fbfbfb;
	margin-left: 0px;
	margin-right: 5px;
	float:left;
	display:inline;
	color:black;
	font-size: 10px;
	padding: 5px;
}
#reset:hover {
	background-color:#cccccc;
	color:white;
}


.selectionBtn {
	-moz-border-radius:5px;
	background-color:#50AED2 ;
	color:white;
	font-size:14px;
	margin:5px;
	padding: 5px 15px;
	cursor:pointer;
}

.selectionBtn_disable {
	-moz-border-radius:5px;
	background-color:#E8F8F9;
	color:#dddddd;
	font-size:11px;
	margin:5px;
	padding: 1px 15px;
}

.selectionBtn:hover, #newPair:hover {
	background-color:#33CC00;
}