@import url('clearing.css');



html, body { 

	margin: 0; 

	padding: 0;

	background: #333cc3;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

    line-height: 1.3em;

	color: #333;

} 

table, a, img, form, hr, dl, dt, dd, div, h1, h2, h3, h4, h5, h6, label {margin:0; padding:0} 

h1 { font-size: 17px; color: #313AC3; font-weight: bold; text-indent: 0px; font-family:Verdana, Arial, sans-serif;}

h2, h3, h4, h5, h6 { font-size: 12px; color: #313AC3; font-weight: bold; text-indent: 0px; font-family:Verdana, Arial, sans-serif;}

p { margin-top: 0; margin-bottom: 5px;}

a:link, a {color: #313AC3; text-decoration: none;}

a:hover {text-decoration: underline;}

#wrapper { width: 975px; margin-left: auto; margin-right: auto; margin-top: 0px;}

#scroller { width: 975px; height: 20px; float: left; margin: 0; }

#topbar { width: 975px; height: 100px; background: url(http://www.stellarlearning.co.uk/cms/templates/ja_purity/images/top.jpg) no-repeat;}

#header { width: 975px; margin: 0; float: left; margin-top: 1px;  background: #FFF;}

#leftheader { width: 975px; margin: 0; margin-left: 0px; height: 221px; float: left;}

#rightheader { width: 0px; height: 221px; float: right; margin: 0; background: #F3DB3E; background: #FFF;}

#topmenu { width: 390px; height: 20px; margin-left: 315px; float: left;}

#logo { float: left; width: 300px;height: 91px;}

#head_r { float: right; width: 680px; height: 91px;}

#search_box {width: 200px; height: 32px; float: right; margin-right: 10px;}

#search { height: 22px; line-height: 1.0; float: right; margin-top: 3px;}

#menu_box {width: 975px; height: 32px; background: #fff; float: left;}

#menu { height: 32px; margin-left: 10px; float: left; width: 650px; margin-top: 3px;}

#container {width: 975px; margin-top: 0px; text-align:left; float: left;  	background: #fff url(http://www.stellarlearning.co.uk/cms/templates/ja_purity/images/star-bg.gif) no-repeat bottom right; }

#left_col { float: left; width: 200px;}

#left_col-noleft { display: none; }

#right_col { float: right; width: 765px;}

#right_col-noleft {  width:975px;}

#left_mod {width: 200px; padding-top: 10px;}

#mainbody_box { float: left; width: 590px;}

#mainbody { padding: 10px; margin-bottom: 10px; min-height: 200px; }

#mainbody ul { list-style-type: none; padding: 0; margin-bottom: 10px;}

#mainbody li {padding-left: 20px; background: url(http://www.stellarlearning.co.uk/cms/templates/ja_purity/images/star_small.png) no-repeat;}

#right_mod_box { float: right; width: 170px; }

#right_mod {width: 170px; }

#foot { width: 975px; height: 40px; color: #aaa; margin-top: 0px; float: left; font-size: 0.8em; border-top: 1px solid #ccc;}

#foot a:link, #foot a:visited {color:#ccc;  text-decoration: none; font-weight: bold;}

#foot a:hover {color:#999;  text-decoration: underline;}

#foot_l { float: left; width: 470px; text-align: left; padding: 5px 5px 5px 5px;}

#foot_r { float: right; width: 470px; text-align:right; padding: 5px 5px 5px 5px;}

#botmenu { padding: 5px 5px 5px 5px; float:right;}

#design_box { width: 490px;}

#design { padding: 18px 20px 0 0;}





/*************************************************************************/

#left_mod div.moduletable { 

    float: left;

	width: 200px; 

	padding:0; 

	background:none; 

	/* font-family: Tahoma, Helvetica, sans-serif;	*/
	/* Font Changed 30/05/2011 - RMS */
	font-family:Verdana, Arial, sans-serif;

	color: #eee;

	font-size: 11px;

	text-align: left;

	margin-bottom: 20px;



}

#left_mod div.moduletable h3 {

	/* font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif; */
	/* Font Changed 30/05/2011 - RMS */
	font-family:Verdana, Arial, sans-serif;


	min-height: 16px;

	line-height: 16px;

	margin-bottom: 10px;

	color: #eee;

	font-size: 12px;

	font-weight: bold;

	background:#f8f4f7;

	border: solid 1px #e9d8e4;

	padding: 5px 9px;

	text-align:left;

}

/*************************************************************************/

#right_mod div.moduletable { 

	width: 170px; 

	padding:0; 

	background:none; 

	font-family:Verdana, Arial, sans-serif;	

	color: #313AC3;

	font-size: 11px;

	text-align: left;

	float: right;

	margin-right: 10px;

	margin-top: 10px;

	margin-bottom: -1px;

        border: #eeeeee 1px solid;

}



* + html #right_mod div.moduletable {margin: -3px 3px -3px 0px;} /* for IE/Win */ 



#right_mod div.moduletable h3 {

	font-family:Verdana, Arial, sans-serif;

	min-height: 16px;

	line-height: 16px;

	margin-bottom: 10px;

	color: #313AC3;

	font-size: 14px;

	font-weight: bold;

	background:#fff;

	text-align:left;

	margin-right: 10px;

}



div#right_mod span.article_separator {display:none;} 

/*************************************************************************/

#three_box h3 { display: none;}

#three_box div.moduletable { 

	overflow:hidden;

	padding: 0; margin: 0; 

	background: none; 	

}



/*************************************************************************/	

fieldset {  border:none;}

#search .inputbox {

	line-height: 1.0;

	color: #a6a6a6;

	border: none;

	vertical-align: top;

	background: url(http://www.stellarlearning.co.uk/cms/templates/ja_purity/images/search_input.gif) top right no-repeat;

	width: 123px;

	height: 17px;

	font-size: 10px;

	text-align: left;

	padding: 5px 0 7px 7px; margin: 0; margin-left: 5px;		

	}

#search .button{

line-height: 1.0;

background: url(http://www.stellarlearning.co.uk/cms/templates/ja_purity/images/search_but.gif) top  center;

height: 22px; 

width: 20px;

border: none;

padding:0; margin: 0 12px 0 7px;

}

.button {

margin:0; padding: 0;

color: #ffffff;

background: url(http://www.stellarlearning.co.uk/cms/templates/ja_purity/images/but.gif) top left repeat-x;

line-height: 22px;

height: 22px;

font-size: 11px;

/* font-family: arial, helvetica; */
/* Font Changed 30/05/2011 - RMS */
font-family:Verdana, Arial, sans-serif;


font-weight:bold;

border: none;

text-align: center;

margin:0px 0; padding:0px 5px;

}

.inputbox {background: #FFFFFF; font-size: 10px; color: #a6a6a6; border: solid 1px #ccbec8; margin: 2px 0; padding: 2px;}

.checkbox {background: #FFFFFF; color: #a6a6a6; border: solid 1px #ccbec8; margin: 2px 0;}

/*******************************************************/

#botmenu ul{

  list-style:none;

  margin: 0;

  padding: 0;

 }

#botmenu a{float:left;}

#botmenu li{

  margin: 0;

  float:left;

  line-height: 11px;

  padding: 0;

 background: url(http://www.stellarlearning.co.uk/cms/templates/ja_purity/images/botmenu_sep.gif) left center repeat-y;

}

#botmenu li a{

  margin: 0;

  padding: 0;

  padding-right: 10px;

  padding-left: 10px;

  line-height: 11px;   

  font-weight: normal;

  color: #222222;

  font-size: 11px; 

  text-decoration: none;



}

#botmenu a:link, #botmenu a:visited{color: #cccccc; text-decoration: none;}

#botmenu a:hover{  color: #cccccc; text-decoration: underline; }



.contentpane .inputbox { display:block;}

.contentheading, .componentheader, .componentheading {

	width:98%;

	/* font-family: Tahoma, Helvetica, sans-serif; */
	/* Font Changed 30/05/2011 - RMS */
	font-family:Verdana, Arial, sans-serif;


	line-height: 28px;

	margin-bottom:10px;

	color: #313AC3;

	font-size: 16px;

	font-weight: bold;

	background: none;

	text-indent: 0px;

	text-align:left;

}

.contentheading td {

	width:98%;

	/* font-family: Tahoma, Helvetica, sans-serif; */	
	/* Font Changed 30/05/2011 - RMS */
	font-family:Verdana, Arial, sans-serif;


	line-height: 28px;

	margin-bottom:10px;

	color: #313AC3;

	font-size: 16px;

	font-weight: bold;

	background: none;

	text-indent: 0px;

	text-align:left;

}

table.contentpaneopen {

  	width: 99%;

	padding: 0px;

	border-spacing: 0px;

	margin: 0px;

}

table.contentpaneopen {width:100%; }

.contentpane {width:100%;}

.blog_more { padding-left: 15px;}

table .poll {width:90%; text-align:left} 

table .poll-pink {width:90%; text-align:left} 

table .poll-green {width:90%; text-align:left} 

.poll thead {color:#313AC3; }

.pollstableborder{ text-align:left;}

table.contenttoc {padding: 10px;} 

table.contenttoc th {text-align: center; padding: 2px 10px; background:#a0568a; color: #fff}

table.contenttoc td {text-align: left; padding: 2px 10px; background:#f8f4f7;}

td.buttonheading { margin: 0px; padding: 0 2px;}



#mainbody .back_button {

	line-height: 21px;

	font-weight: normal;

	float: left;

	height: 21px;

	background: none;

	padding: 2px 14px;

	margin: 2px;

	}

 .readon {float: right;}



.small {

color: #909090;

font-size: 10px;

line-height:1.0;

padding-top: 10px;

}

.smalldark {

color: #909090;

font-size: 10px;

line-height:1.0;

text-align: left;

}

.createdate {

color: #909090;

font-size: 10px;

padding-bottom: 7px;

text-align: left;

line-height:1.0;

}

.modifydate {

color: #909090;

font-size: 10px;

height: 20px;

padding-top: 10px;

padding-bottom: 5px;

}



div.mosimage {

  border: none;

}



.mosimage{

  border: none;

  margin: 5px;

  padding: 5px;

}



.mosimage_caption {

  margin-top: 2px;

  background: none;

  padding: 10px;

  color: #909090;

  border-top: none;

}

.contentpaneopen td img { margin: 0px 0px;}



.sectiontableheader {font-weight: bold;}

/* kolor rzedow w spisach i tabelach parzystych*/

.sectiontableentry1 td, .sectiontableentry1-pink, .sectiontableentry1-green {

	text-align: left;

	padding: 4px 0;

}

/* kolor rzedow w spisach i tabelach nieparzystych */

.sectiontableentry2 td, .sectiontableentry2-pink, .sectiontableentry2-green {

	text-align: left;

	padding: 4px 0;

	background: #f8f4f7;

}



.related { font-weight: bold; font-size: 13px;}

fieldset a:link, fieldset a:visited, fieldset a:hover { line-height: 25px;}



/*formatowanie strony do wydruku*/

body.contentpane {background:#fff; color:#000; padding: 15px; font-size: 11px; text-align: left;}

body.contentpane h1, body.contentpane h2, body.contentpane h3 {background:#fff; color:#000;font-size: 12px;}

body.contentpane a, body.contentpane span.small, body.contentpane table.contentpaneopen td, body.contentpane table td

{background:#fff; color:#000; font-size: 11px;}

body.contentpane .componentheading, body.contentpane .contentheading {background:#fff; color:#aaa; font-weight: bold; font-size: 12px;}

body.p {margin-bottom: 5px;}

body.contentpane .button{color:black;border:1px solid black; background: #fff;}

body.contentpane .inputbox {background: #FFFFFF; color: #000; border: solid 1px #000;}

body.contentpane td{padding:3px; background:#fff; color:#000;font-size: 11px;}

.address, address {

	color: #999;

	}
	
/* Robs Additions */	
img.twitterfollow {width: 133px; height: 40px;}

a.twitterfollow {border: none;}

#twitterbutton
{
float:right;
padding: 0px;
margin: 5px;
margin-right: 12px;
}