/* Links */

A:link {
color: #006699; 
text-decoration: none; 
} 

A:visited {
color: #006699; 
text-decoration: none; 
} 

A:hover {
color: #000;
text-decoration: underline; 
} 

/* Main Settings */

html>body {margin-left:-1px;}

BODY {
font-size: 0.82em;
margin:0px;
padding: 0px;
font-family: "Trebuchet MS", Arial, Verdana; 
color: #3f3f3f;
background-color: #fff;
background-image:url(../layout/shadow.gif);
background-repeat: repeat-x;
}    

.outer {
margin: 0px auto 0px auto;
width: 960px;
text-align:center;
background: #fff;
padding-bottom:10px;
}

.shadow {
background-image:url(../layout/shadow.gif);
height:9px;
}

#content {
width:920px;padding:20px 40px 20px 40px;text-align:left;padding-bottom:40px;
}

#bottom {
background-image:url(../layout/bottombg.gif);background-repeat:repeat-x;padding:10px 0px 15px 30px;color:#666;line-height:200%;font-size:0.9em;
text-align:left;
}

#top_left {
text-align:left;padding:15px 0px 12px 30px;float:left;
}

#top_right {
float:left;padding:25px 10px 0px 30px;font-size:1.8em;width:550px;text-align:center;
}

/* Others */

input[type="text"], input[type="password"], textarea, select {
background: #fff;
border: 1px solid #6699cc;
padding: 1px;
font-family: "Trebuchet MS", Arial;
font-size:1em;
color: #606060;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
border: 1px solid #000;
}

img {
border:0;
}

form {
margin:0;
}

.wrap {
clear: both;
}

h1,h2,h3 { 
margin:0px 0px 12px 0px;
padding:0px;
font-size:1.5em;
font-weight:normal;
}

.fl {
float:left;
}

.fr {
float: right;
}

.debug {
padding:4px;
border:1px solid red;
margin:10px 0px 10px 0px;
font-size:0.9em;
}

/* Error Function */

#warning {
width: 100%;
margin: 20px 0px 35px 0px;
line-height: 150%;
}

div.wfloat1 {
float: left;
width: 60px;
text-align: center;
}

div.wfloat2 {
margin-left: 80px;
text-align: left;
}

.err {
color: #990000;
font-weight:bold;
}

.pos {
color: #336633;
font-weight:bold;
}

/* Menu Tabs */

#tabs {
float:left;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:4px solid #24618E;
}

#tabs ul {
margin:0;
padding:10px 10px 0 38px;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}


#tabs a {
float:left;
background:url("../layout/tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
margin-right:3px;
}

#tabs a span {
float:left;
display:block;
background:url("../layout/tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
color:#fff;
}


#tabs a.on {
background-position:0% -42px;
}

#tabs a.on span {
background-position:100% -42px;
}

#tabs a.off span {
color:#24618E;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
color:#FFF;
}

#tabs a:hover {
background-position:0% -42px;
}

#tabs a:hover span {
background-position:100% -42px;
}

.on {
background-position:0% -42px;
color:green;
}

a.website_by {
color: #666;
text-decoration: underline;
}

a.border {
border:5px solid #eee;
display:block;
width:405px;
}

a.border:hover {
border:5px solid #6699ff;
}

.homepage_icon {
width:64px;
height:55px;
}

.homepage_icon_text {
padding:14px 0px 0px 15px;font-size:165%;color:#666;font-weight:bold;
}

.homepage_break {
height:20px;
}

.homepage_col1 {
width:430px;margin-top:30px;margin-left:30px;
}

.homepage_col2 {
width:430px;margin-left:5px;margin-top:30px;
}

.youarehere {
margin-bottom:10px;
text-align:left;
font-size:0.8em;
}

fieldset {
border:1px solid #ccc;
margin:10px 0px 15px 0px;
}

fieldset div {
padding:10px;
}

legend {
font-weight:bold;
color:#808080;
}

#register input[type="text"], #register input[type="password"] {
margin-right:10px;
}

.box_outer {
width:270px;background-color:#eee;border:1px solid #ccc;margin-bottom:20px;
}

.box_inner {
border:1px solid #fff;background-image:url(/layout/boxgradient.gif);background-repeat:repeat-x;padding:8px;
}

.box_title {
font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:10px;
}

a.purchase {
background-image:url(/layout/basket.gif);
background-repeat:no-repeat;
padding:3px 7px 3px 33px;
background-color:#fff;
border:1px solid #ccc;
text-decoration:none;
background-position:3px 5px;
display:block;
width:130px;
margin-left:35px;
}

a.purchase:hover {
background-color:#ffffcc;
color:#990000;
}

.purchase_wrap {
margin:17px 0px 12px 0px;
}

.big_box_right {
margin-left:35px;
width:612px;
}

h3 {
font-size:1.15em;
color:#808080;
font-weight:bold;
}

.lesson_list {
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}

.lesson_list th, .lesson_list td {
padding:7px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
vertical-align:top;
}

.lesson_list th {
font-weight:bold;
background-image:url(/layout/thgradient.gif);
background-repeat:repeat-x;
}

.lesson_list_title {
width:315px;
}

.lesson_list_type {
width:160px;
}

.alternate {
background:#e7f3fb;
}

#enquiry textarea {
width:400px;
margin-bottom:8px;
}

#enquiry input[type="text"] {
width:400px;
margin-bottom:8px;
}

#enquiry_submit {
margin-top:15px;
}

#lesson_search label {
display:block;
float:left;
width:55px;
text-align:right;
margin:0px 5px 8px 0px;
}

#lesson_search input[type="text"], #lesson_search select {
margin:0px 0px 8px 0px;
width:155px;
}

#lesson_search select {
width:159px;
}

#lesson_search input[type="submit"] {
display:block;
clear:both;
margin: 0px 0px 0px 60px;
}

.type_title {
font-size:1.15em;
font-weight:bold;
border-bottom:1px solid #ddd;
padding-bottom:3px;
margin-top:25px;
}

.type_info {
font-size:0.75em;
color:#808080;
font-weight:normal;
}

.highlight {
color:red;
}

.type_desc {
padding:5px;
font-size:0.9em;
background-image:url(/layout/thgradient.gif);background-repeat:repeat-x;
}

.active_icon {
width:33px;
height:5px;
margin-left:8px;
vertical-align:middle;
}

a.page {
border:1px solid #ccc;
padding:1px 6px 1px 6px;
font-size:0.9em;
margin-right:2px;
}

a.page:hover {
text-decoration:none;
background-color:#eee;
}

.item_summary {
background:#eee;
padding:5px;
border:1px solid #ccc;
margin:3px 0px 20px 0px;
}

.item_footer {
margin-top:20px;
border-top:1px dashed #ccc;
padding-top:10px;
}

.m15 {
margin-top:15px;
}

.m25 {
margin-top:25px;
}

.cell1 {
font-weight:bold;
padding-right:16px;
text-align:right;
}

.overview td {
padding-top:12px;
padding-bottom:12px;
border-bottom: 1px dotted #ccc;
}

.cell2 {
padding-left:45px;
}

.l150 {
margin-left:120px;
width:360px;
}

.insufficient {
color:red;
font-size:0.9em;
}

.purchase_opt {
text-align:center;
margin-right:35px;
color:#000;
font-style:italic;
font-weight:bold;
font-size:1.15em;
margin-top:6px;
}

.purchase_opt img {
margin-bottom:6px;
}

.ask {
border:1px solid #ccc;
background: #eee;
padding:6px;
margin:10px 0px 10px 0px;
}

.last_active {
color:#606060;
font-size:0.8em;
}

.lesson_box {
margin-left:45px;
}

.dbl {
line-height:200%;
}

.active_1 {
background-image:url(/layout/activegradient.gif);
background-repeat:repeat-x;
}

.active_1_title {
color:#336633;
text-align:center;
font-size:135%;
padding:4px 0px 10px 0px;
}

.active_0_title {
color:#990000;
text-align:center;
font-size:135%;
padding:4px 0px 10px 0px;
}

.active_0 {
background-image:url(/layout/inactivegradient.gif);
background-repeat:repeat-x;
}

.activebox {
padding:6px;
border:1px solid #fff;
}

.lesson_body {
font-size:0.95em;
padding-bottom:25px;
line-height:1.2em;
}

.bottom_divide {
border-bottom:1px dotted #ccc;
}

.top_divide {
border-top:1px dotted #ccc;
padding-top:15px;
margin-top:15px;
}

.aticon {
margin-right:10px;
display:block;
float:left;
margin-bottom:20px;
}

.attachment_item {
margin: 20px 0px 20px 0px;
clear:both;
}

.attachment_item span {
font-size:0.85em;
}

.cen {
border-top:1px dotted #ccc;
margin-top:20px;
padding-top:15px;
text-align:center;
color: #ccc;
}

.m15 {
margin-top:15px;
}

.qresponse {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px dotted #ccc;
}

.username {
color:#606060;
font-size:0.8em;
padding:10px;
margin-top:10px;
background:#eee;
border-bottom:1px solid #ccc;
}

.question_response {
padding:10px;
margin-bottom:15px;
background:#eee;
text-align:justify;
font-size:0.95em;
}

.admin {
background-color:pink;
font-weight:bold;
padding:0px 3px 0px 3px;
}

.ccsubmission {
color:#606060;
border-bottom:1px dotted #ccc;
font-size:0.95em;
margin-bottom:6px;
}

.msgbox {
border:1px solid #ccc;
padding:8px;
background-color:#eee;
font-size:0.95em;
margin: 20px 0px 20px 0px;
}