/*
* My Learning Ltd - CSS
* =====================
*/
body{
    color:#ffffff;
    background-color:#F0F4D0;
    font-size:0.9em;
    font-family:Arial,Helvetica,sans-serif;
    background-image:url("../images/new/canvas_bg.jpg");
    background-repeat:no-repeat;
    background-position:top center;
    margin:0px 10px 0px 10px;
}
a,a:active,a:link,a:visited{
    color:#0754C9;
    background-color:inherit;
    text-decoration:underline;
}
a:hover{
    color:#FF6600;
    background-color:inherit;
}
a img{
    border:none;
}
a img.thumb{
    padding:1px;
    border:4px solid #D5D6C5;
    vertical-align:middle;
    margin:0px 5px 5px 0px;
}
a:hover img.thumb,
a.active img.thumb,
img.thumb{
    padding:1px;
    border:4px solid #7FAB1C;
}

img.product_logo{
    position:relative;
    top:-25px;
    left:0px;
}

p{
    line-height:1.4em;
    margin-top:0px;
}

abbr{
    color:#555555;
    background-color:inherit;
    border-bottom:1px dotted #999999;
    cursor:help;
}

hr{ color:#ffffff;
    background-color:#fefefe;
    height:10px;
    line-height:1px;
    border: 1px solid #ffffff;
    border-bottom:2px dotted #aaaaaa !important;
    margin:0px 0px 15px 0px;
}
hr.clear{
    clear:both !important;
    margin: 10px 0px 25px 0px !important;
    font-size:1em !important;
}

h1{
    color:#6C9D07;
    background-color:inherit;
    padding-bottom:0px;
    margin-top:0px;
}

h2{
    color:#6C9D07;
    background-color:inherit;
    margin-bottom:8px;
    margin-top:8px;
}

h3{
    color:#000000;
    background-color:inherit;
    margin-bottom:2px;
}

table{
	width:100%;
	font-size:0.9em;
}
table th{
	color:#ffffff;
	background-color:#000000;
	text-align:left;
	padding:5px;
	vertical-align:top;
}
table th a{
	color:#ddffdd !important;
	background-color:inherit;
}
table td{
	padding:5px;
	vertical-align:top;
}
table tr.odd{
	color:#000000;
	background-color:#fafafa;
}
table tr.even{
	color:#000000;
	background-color:#eaeaea;
}
ul{
    list-style-type:none;
}
ul li{
    background-image:url("/images/bullet_default.png");
    background-repeat:no-repeat;
    background-position:0em 0em;
    padding-left:30px;
}

ul.sitemap{
    list-style-type:none;
}
ul.sitemap li{
    background-image:url("/images/icon_world.gif");
    background-repeat:no-repeat;
    background-position:0em 0.3em;
    padding:0.2em 0px 0.2em 25px;
}
ul.sitemap li ul{
    padding-top:10px;
    padding-bottom:10px;
}
ul.sitemap li li{
    font-size:0.9em;
    background-image:none;
    padding:0px;
}
ul.pretty{
    list-style-type:none;
    margin-left:10px;
    padding:0px;
}
ul.pretty li{
    background-image:url("/images/bullet_tick.gif");
    background-repeat:no-repeat;
    background-position:top left;
    padding-left:40px;
}

#tpl_siteframe{
    width:100%;
    max-width:980px;
    min-width:780px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    position:relative;
}
#tpl_header_curve{
    background-image:url("../images/new/header_curve.png");
    background-repeat:no-repeat;
    background-position:top left;
    height:69px;
    width:100%;
    position:absolute;
    top:143px;
}
#tpl_logo{
    position:absolute;
    top:25px;
    left:50px;
}
#tpl_slogon{
    padding-top:41px;
    padding-left:340px;
}
#butterfly{
    background-image:url("../images/new/butterfly.png");
    background-repeat:no-repeat;
    background-position:top left;
	width:80px;
	height:80px;
	position:absolute;
	top:10px;
	right:100px;
}
#becta_compliant{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:20;
}

#tpl_topmenu{
	position:absolute;
	top:80px;
	right:0px;
}
#tpl_topmenu ul{
	list-style-type:none;
	font-size:0.8em;
	text-transform:uppercase;
}
#tpl_topmenu ul li{
	float:left;
	background-image:none;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	text-align:center;
}
#tpl_topmenu ul li.first{
	border-left:none;
}
#tpl_topmenu ul li a{
	color:#ffffff;
	background-color:inherit;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
#tpl_topmenu ul li a img{
	visibility:hidden;
}

#tpl_topmenu ul li a span{
	display:block;
	height:4px;
	font-size:1px;
}
#tpl_topmenu ul li a:hover img,
#tpl_topmenu ul li a.active img{
	visibility:visible;
}

#tpl_topmenu ul li a:hover span,
#tpl_topmenu ul li a.active span{
	color:#ffffff;
	background-color:red;
}

#tpl_maincontent_frame{
    position:absolute;
    top:200px;
    left:0px;
    width:100%;
}
#tpl_maincontent{
	color:#000000;
	background-color:#ffffff;
    position:relative;
    z-index:2;
    padding:0px 20px 15px 20px;
    margin-top:10px;
}
#tpl_footer{
	color:#ffffff;
	background-color:#6C9D07;
	margin-bottom:50px;
	font-size:0.9em;
	background-image:url("../images/new/footer_bg1.png");
	background-repeat:no-repeat;
	background-position:bottom left;
	border-top:5px solid #f1f1f1;
}
#tpl_footer_inner{
	padding:15px 20px 50px 20px;
	background-image:url("../images/new/footer_bg2.png");
	background-repeat:no-repeat;
	background-position:bottom right;
}

#tpl_footer a{
	color:#FDFEFE;
	background-color:inherit;
}
#tpl_footer p{
	margin:0px;
}

/* right side info box on products-page*/
.productResources{
	width:250px;
	float:right;
	padding-left:10px;
	min-height:240px;
	background-image:url("../images/botleft_corner.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;
}

#tpl_news{
    color:#000000;
    background-color:#FDFDFD;
    background-image:url("../images/latestnews_bg3.jpg");
    background-repeat:repeat-x;
    background-position:bottom left;
    position:absolute;
    bottom:0px;
    right:30px;
    width:15em;
    border-left:5px solid #D8D9CA;
    border-top:5px solid #D8D9CA;
    border-right:5px solid #D8D9CA;
    min-height:180px;
}
#tpl_news h2{
    background-image:url("../images/latestnews_bg2.png");
    background-repeat:no-repeat;
    background-position:top right;
    margin:0px;
    padding:0px 10px 0px 0px;
}
#tpl_news h2 span{
    display:block;
    background-image:url("../images/latestnews_bg.png");
    background-repeat:no-repeat;
    background-position:top left;
    padding:10px 0px 0px 10px;
    margin:0px;
    height:50px;
    vertical-align:top;

}
#tpl_news h2 div img{
    padding-top:15px;
    padding-left:15px;
}
#tpl_news .newsinner{
    padding-bottom:20px;
    padding:10px;
}
#tpl_news .newsinner p{
    padding:0px 5px 0px 5px;
}

#tpl_news .newsinner p.date,
#newsitem p.date,
#newslist p.date{
    background-image:url("../images/icon_time.png");
    background-repeat:no-repeat;
    background-position:0em 0.2em;
    color:#003B96;
    background-color:inherit;
    font-size:0.9em;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 20px;
}

#tpl_news .newsinner p.summary{
    color:#4E5038;
    background-color:inherit;
    font-size:0.9em;
    line-height:1.5em;
    position:relative;
    padding-bottom:15px;
}

div#news_readmore{
    background-image:url("../images/icon_readmore.png");
    background-repeat:no-repeat;
    background-position:0em 0.2em;
    text-align:right;
    font-size:0.9em;
    position:absolute;
    z-index:10;
    top:220px;
    right:45px;
    margin-top:-0.5em;
    padding:0.1em 0px 0.1em 20px;
}

div#newslist p.readmore{
    background-image:url("../images/icon_readmore.png");
    background-repeat:no-repeat;
    background-position:0em 0.2em;
    padding-left:20px;
    font-size:0.8em;
}

#newslist p.summary{
    margin:0px;
    padding:0px;
}
#newslist p.readmore{
    margin:12px 0px 0px 0px;
    padding:0px;
}

#tpl_rightcolumn{
    position:relative;
    top:-55px;
    left:0px;
    font-size:0.85em;
}
#tpl_rightcolumn div.inner{
    min-height:400px;
    width:240px;
    padding:20px 5px 10px 20px;
}
#tpl_rightcolumn div.inner2{
	width:240px;
	padding:20px 5px 10px 20px;
}

#tpl_enquiry{
    background-image:url("../images/enquiry_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
    font-size:0.85em;
    padding:10px 0px 10px 5%;
    height:1%;
}

#tpl_enquiry label{
    font-weight:bold;
}
#enq_email,#enq_msg{
    width:90%;
    font-size:1em;
    font-family:Arial,Helvetica,Verdana,sans-serif;
}
#enq_submit{
}


#tpl_clearbottom{
    font-size:0.9em;
    padding:5px 50px 80px 30px;

}
#tpl_clearbottom a{
    color:#ADDC4E;
    background-color:inherit;
    text-decoration:none;
    height:90px;
}
#tpl_clearbottom a:hover{
    color:#ffffff;
    background-color:inherit;
    text-decoration:underline;
}

/* Information box */
.info_box,
.info_box2{
    min-height:110px;
    margin-left:175px;
    padding:20px 10px 0px 10px;
    position:relative;
}
.info_box{
    border:4px solid #4176C8;
    color:#ffffff;
    background-color:#034AB6;
    background-image:url("../images/info_box_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
}

.info_box2{
    border:4px solid #789C23;
    background-image:url("../images/info_box2_bg.gif");
    background-repeat:repeat-x;
    background-position:top left;
    color:#ffffff;
    background-color:#336600;
}

.info_box p,
.info_box2 p{
    padding:0px;
    margin:0px;
}

/* Page navigation */
.pages a{
    color:#555555;
    background-color:#f5f5f5;
    border:2px solid #dddddd;
    padding:3px;
    text-decoration:none;
}
.pages a.active{
    color:#669900;
    background-color:#f5f5f5;
    border:2px solid #669900;
    font-weight:bold;
}
.pages a:hover{
    color:#669900;
    background-color:#f5f5f5;
    border:2px solid #669900;
}


/* Generic "clickable/hover" effect
This works in conjunction with javascript */
.clickable{
    color:#000000;
    background-color:inherit;
    background-image:url("../images/clickbox_bg.jpg");
    background-repeat:repeat-x;
    background-position:top left;
    border:1px solid #BEE648;
    padding:10px;
    height:1%;
}
.clickable_hover{
    color:#000000;
    background-color:inherit;
    background-image:url("../images/clickbox_hover_bg.jpg");
    background-repeat:repeat-x;
    background-position:top left;
    border:1px solid #6C9D07;
    padding:10px;
    height:1%;
}

/* SIMPLE BOX */
.simplebox{
    background-image:url("../images/enquiry_bg.gif");
    background-repeat:repeat-x;
    background-position:-20px -20px;
    padding:10px;
    border:1px solid #aaaaaa;
}

/* POPUP BOXES - FRAMES
================================= */
.popupBoxGlobal .ajaxLoader{
    margin-top:0px;
    margin-left:25px;
}
.popupBoxGlobal .popupClose{
    position:absolute;
    right:-25px;
    top:-25px;
}
.popupBoxGlobal .clear{
    display:none;
}

.popupBox_enquiry{
	color:#000000;
	background-color:#ffffff;
	border:2px solid #aaaaaa;
	width:400px;
	padding:15px;
}

.popupBox_flash640,
.popupBox_flash640x480{
    color:#ffffff;
    background-color:#000000;
    border:15px solid #000000;
    width:640px;
}
.popupBox_flash640x393{
    color:#ffffff;
    background-color:#000000;
    border:15px solid #000000;
    width:640px;
    height:393px;
}

.popupBox_flash575 .popupContent{
    padding:0px;
    margin:0px;
}

.popupBox_screenshot640{
    color:#ffffff;
    background-color:#000000;
    border:15px solid #000000;
    width:640px;
}
.popupBox_screenshot640 .popupContent{
    padding:0px;
    margin:0px;
}

.caption{
    color:#ffffff !important;
    background-color:#000000 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:0.75em;
    text-align:left;
    padding:0px 0px 10px 0px;
    line-height:1.3em;
}

/* MISC */
.co     {font-weight:bold;}
.icon   {vertical-align:middle;}
.clear  {clear:both;font-size:0.1px;}
.clearleft  {clear:left;font-size:0.1px;}
.hidden {display:none;}

.ofr    {float:right;}
.ofl    {float:left;}
.ifr    {float:right;margin-left:10px;margin-bottom:10px;}
.ifl    {float:left;margin-right:10px;margin-bottom:10px;}

.textcenter{text-align:center;}
.textright{text-align:right;}
.smalltext{font-size:0.75em;}

.h1pc   {height:1%;} /* ie bug fix, usually fixes most things*/

.w45pc  {width:45%;}
.w50pc  {width:50%;}
.w55pc  {width:55%;}
.w60pc  {width:60%;}
.w80pc  {width:80%;}

.w50px  {width:50px;}
.w100px {width:100px;}
.w150px {width:150px;}
.w200px {width:200px;}
.w250px {width:250px;}
.w300px {width:300px;}
.w320px {width:320px;}

.nomargin{margin:0px;}
.nobotmargin{margin-bottom:0px;}
.notopmargin{margin-top:0px;}

.ml5pc  {margin-left:2%;}
.ml50pc{margin-left:50%;}
.ml55pc{margin-left:55%;}
.ml60pc{margin-left:60%;}
.ml65pc{margin-left:65%;}

.ml75px{margin-left:75px;}
.ml150px{margin-left:120px;}
.ml200px{margin-left:180px;}

.mr60pc{margin-right:60%;}
.mr50pc{margin-right:50%;}
.mr300px{margin-right:305px;}
.mr320px{margin-right:335px;}

.pad5px {padding:5px;}
.pad10px{padding:10px;}

/* HELP BARS & SYSTEM MESSAGES
============================== */
/* SYSTEM MESSAGES */
.systemMessage{
    font-family:Verdana,Arial,sans-serif;
    font-weight:bold;
    font-size:0.8em;
}
.systemMessage ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
li.msg-ok,
span.msg-ok,
small.msg-ok,
li.msg-error,
span.msg-error,
small.msg-error,
li.msg-warn,
span.msg-warn,
small.msg-warn,
li.msg-sql,
span.msg-sql,
small.msg-sql,
li.msg-help,
span.msg-help,
small.msg-help{
    padding:5px 10px 7px 25px;
    background-position:4px 6px;
    background-repeat:no-repeat;
    margin:0px 0px 0px 0px;
}
span.msg-ok,
span.msg-error,
span.msg-warn,
span.msg-sql,
span.msg-help,
small.msg-ok,
small.msg-error,
small.msg-warn,
small.msg-sql,
small.msg-help{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.msg-ok{
    color:#5B8800;
    background-color:#E3F8C2;
    border:1px solid #9BE61E;
    background-image:url("/images/msg-ok.png");
}
.msg-error{
    color:#dd0000;
    background-color:#FFD7D7;
    border:1px solid #FFA8A8;
    background-image:url("/images/msg-error.png");
}
.msg-warn{
    color:#B34700;
    background-color:#FCF6D8;
    border:1px solid #F2D654;
    background-image:url("/images/msg-warn.png");
}
.msg-sql{
    color:#555555;
    background-color:#eeeeee;
    border:1px solid #cccccc;
    background-image:url("/images/msg-sql.png");
}
.msg-help{
    color:#1E528C;
    background-color:#E4EFFA;
    border:1px solid #BDD8F2;
    background-image:url("/images/msg-help.png");
}