/*site-wide styles - www.skillsforlearning.net*/
 
body {padding:0; margin:0; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#666666;}
img { border: 0 none; margin:0; padding:0; }
p { margin:0; padding:0; padding-bottom:20px; line-height:140%; }
a:link, a:visited { color: #05a0c6; text-decoration: none; }
a:hover   { text-decoration: underline; }


input, select { font-size: 13px;  border: 1px solid #CCCCCC; padding:2px; padding-left:3px; padding-right:3px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px;  border: 1px solid silver; }
.noborder { border:none; }

input:focus,select:focus,textarea:focus { background-color: #ffd; }
h1, h2, h3, h4 {padding:0; margin:0; margin-bottom:10px; }
h1 { font-size:22px; font-weight:normal; }
h2 { font-size:20px; font-weight:normal; }
form {  padding:0; margin:0; display:inline; }

button { font-size: 13px;  }


/*login form*/
#login_topmenudiv {  }
 

/*buttons circular*/
button.vllbutton { 
 	display:inline;
	line-height:20px;
	height: 20px;
 	position:relative;
	top:1px;
	border: 0;
	cursor: pointer;
	vertical-align:top;
}
button.vllbutton span {position: absolute; left: -9999999px; }
.button_login { width:56px; background: url(../images/buttons/login.png) 0 0 no-repeat; }
.button_search { width:114px; background: url(../images/buttons/search_worksheets.png) 0 0 no-repeat; }
.button_subscribe { width:81px; background: url(../images/buttons/subscribe.png) 0 0 no-repeat; }
.button_continue { width:81px; background: url(../images/buttons/continue.png) 0 0 no-repeat; }
.button_proceed { width:81px; background: url(../images/buttons/proceed.png) 0 0 no-repeat; }
.button_modify { width:81px; background: url(../images/buttons/modify.png) 0 0 no-repeat; }
.button_update { width:81px; background: url(../images/buttons/update.png) 0 0 no-repeat; }
.button_submit { width:81px; background: url(../images/buttons/submit.png) 0 0 no-repeat; }

.relinput {
	position:relative;
	top:0px;
	vertical-align:top;
	height: 16px;
	display:inline;
	border:0;
}

.bluebutton {
	height:23px;
	width:149px;
	background: url(../images/buttons/download_worksheets.gif) 0 0 no-repeat;
	display:inline;
	line-height:23px;
  	position:relative;
	top:1px;
	border: 0;
	cursor: pointer;
	vertical-align:top;
}
button.bluebutton span {position: absolute; left: -9999999px; }


#container { width:920px; margin: auto auto; }
#header { margin-top:20px; width:920px; height:120px; }
#main_content { margin-left:30px; margin-right:30px; width:860px; clear:both; }
#main_content td { vertical-align:top; }
#footer { font-size:11px; margin-right:auto; margin-left:auto; padding:3px; padding-left:10px; padding-right:10px; width:840px; text-align: left; color:#FFFFFF; clear:both;}
 
#breadcrumbs { margin:5px 0 20px 0; }

#menu_login { margin-top:30px; margin-right:30px; width:510px; float:left; text-align:right; font-size:11px; }
#menu_login a { color:#666666; }
#menu_login a:hover { text-decoration:underline; }
#menu_top { margin-left:30px; margin-right:30px; width:860px; clear:both; }
#menu_top_buttons { margin:0; padding:0; }
#menu_top_buttons ul { display:list-item; margin:0; padding:0; width:auto; list-style:none; float:right; }
#menu_top_buttons ul li { margin:0; margin-left:10px; padding:0;  width:auto; float:left; height:20px; line-height:0; }
#menu_top_buttons ul li img { display:block; }
#menu_top_bar { width:820px; height:20px; clear:both; padding:5px; padding-left:20px;  padding-right:20px;  }

#sub_level_links a {font-size:11px;}

.homepage_bar { background-color:#b8b5ad; }
.blue_bar { background-color:#05a0c6; }
.orange_bar { background-color:#f57f20; }
.green_bar { background-color:#0d793d; }


#copyright {font-size:11px;  width:auto; }

#menu_bottom { float:right; width:auto; }
#menu_bottom ul { margin:0; padding:0;  }
#menu_bottom ul li { list-style:none; margin:0; margin-left:15px; padding:0; width:auto; float:left; font-size:11px; }
#menu_bottom ul li a:link,#menu_bottom ul li a:visited { color:#FFFFFF; }
#menu_bottom ul li a:hover { text-decoration:underline; }



.logo { float:left; }
.clear { clear:both; }
.colour_blue { color: #05a0c6; }

#message_error {color:#CC0000; font-weight:bold; }
#message_warn {color:#CC0000; font-weight:bold; }
#message_info {color:#CC0000; font-weight:bold; }

/* styles for side module*/
.module { float:left; width:265px; }
.module_head { width:265px; height:12px; background-image:url(../images/mod_top.gif); background-repeat:no-repeat;  line-height:12px; }
.module_body { height:auto; margin:0; padding:0; width:263px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.module_bottom { width:265px; height:12px; background-image:url(../images/mod_bottom.gif); line-height:12px; }

 
.navbutton { padding:0; margin:0; }
.navbutton li { list-style:none; font-size:11px; color:#FFFFFF; padding-bottom:10px; font-weight:bold;}
.navbutton li a, .navbutton li a:visited { display:list-item; color:#FFFFFF; width:193px; height:33px; line-height:33px; padding:0; padding-left:10px; padding-right:10px; margin:0; list-style:none; margin-left:auto; margin-right:auto;  background-image:url(../images/mod_button.gif); background-repeat:no-repeat;}
.navbutton li a:hover { background-image:url(../images/mod_button_hi.gif); background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; }
.navbutton li a.selected, .navbutton li a:visited.selected { background-image:url(../images/mod_button_hi.gif); background-repeat:no-repeat; }

h1.modlarge { width:798px; height:37px; line-height:37px; margin:0; padding:0; padding-left:20px; padding-right:20px;  margin-left:auto; margin-right:auto; margin-bottom:15px; font-size:20px; font-weight:normal; background-image:url(../images/hi_bg.gif); background-repeat:no-repeat;  color:#FFFFFF; }
h1.modh1 { width:206px; height:37px; line-height:37px; margin:0; padding:0; padding-left:20px; padding-right:20px;  margin-left:auto; margin-right:auto; margin-bottom:15px; font-size:20px; font-weight:normal; background-image:url(../images/modh1.gif); background-repeat:no-repeat;  color:#FFFFFF; }
h1.modbody { margin:0; padding:0; padding-left:30px; padding-right:30px; margin-bottom:10px; font-weight:normal; }

 
.module_wide { float:right; width:573px; }
.module_wide_head { width:573px; height:12px; background-image:url(../images/mod_wide_head.gif); background-repeat:no-repeat;  line-height:12px; }
.module_wide_body {  width:551px; height:auto; margin:0; padding:0; padding-left:10px; padding-right:10px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#f4f6f8; }
.module_wide_bottom { width:573px; height:11px; background-image:url(../images/mod_wide_bottom.gif); line-height:11px; }
 


.module_large { float:left; width:860px; }
.module_large_head { width:860px; height:12px; background-image:url(../images/mod_large_top.gif); background-repeat:no-repeat;  line-height:12px; }
.module_large_body {  width:838px; height:auto; margin:0; padding:0; padding-left:10px; padding-right:10px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#fff; }
.module_large_bottom { width:860px; height:12px; background-image:url(../images/mod_large_bottom.gif); line-height:12px; }
 
 
.pagination { font-size: 70%; margin:auto auto; padding-top:20px; padding-bottom:10px; }
.pagination a { text-decoration: none; border: solid 1px #05A0C6; color: #05A0C6; }
.pagination a, .pagination span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; }
.pagination .current { background: #05A0C6; color: #fff; border: solid 1px #05A0C6; }
.pagination .current.prev, .pagination .current.next{ color:#999; border-color:#999; background:#fff; }



/* new homepage */

h2.home-title {	color: #0090bc; }

.samples { margin: 0 0 10px 20px; }

.worksheets { float: right; margin-bottom: 20px;}

.signup {
	clear: both;
	margin-top: 15px;
	background: #b2e6fb url('../images/signup-bottom.gif') no-repeat bottom;
}

.signup p {
	padding: 0 20px 10px;
	color: #000;
	font-size: 12px;
}

.signup .link { float: right; }

.signup h2 {
	padding: 10px 20px 0;
	background: #b2e6fb url('../images/signup-top.gif') no-repeat top;
	color: #0090BC;
}

#leftcol { width: 400px; }



/*debug styles
#container { border:1px dashed #e5e5e5;}
#header {  border:1px dashed blue; }
#main_content {  border: 1px solid red; }
#footer { border:1px dashed #e5e5e5;  }
*/