* { margin:0; padding:0;}
body { background:#3c4646; font-family:Tahoma; font-size:100%; line-height:1em; color:#393939;}
.indent { padding:12px 12px 13px 12px;}

/*in_line*/
img {border:0; vertical-align:top;}

a:hover{text-decoration:none;}
a {color:#4ea2c1;}
span a { color:#45565e; font-weight:normal;}
span {color:#4ea2c1; font-weight:bold;}
.clear { clear:both;}
.alignright { text-align:right; padding-top:10px;}
.alignleft { text-align:left;}
ul { margin:0px; padding:0; list-style:none;}
li { background:url(images/z_ul.gif) left 8px no-repeat; padding-left:13px;}
.block1 li a { color:#fff; text-decoration:underline;}
.block1 li a:hover {color:#fff; text-decoration:none;}
li a { color:#4ea2c1; text-decoration:underline;}
li a:hover {color:#4ea2c1; text-decoration:none;}



/*txt, links*/
.CommonFormDesc { float: left; width: 100px; margin: 0 15px 15px 0;}
.CommonFormData { float: left; margin: 0 0 15px 0; }
.FormButton { padding: 4px 10px 4px 10px; margin: 0px 0 0 1px; float: left; font-size: 11px; text-decoration: none; }
.Textbox, textarea { border: 1px solid #e4e3e3; padding: 3px; background-color: #ffffff; line-height: normal;}
.logo { display:block; background:url(images/camli_logo_225.jpg) 4px 15px no-repeat; width:225px; height:151px;}
h1 { font-size:1.5em; margin-bottom:15px;margin-top:10px;line-height:1.25em;}
h2 { font-size:1.3em; margin-bottom:5px;margin-top:15px;}
h3 { font-size:1.1em; margin-bottom:5px;margin-top:15px;font-style:italic}
h4 { font-size:1.0em; margin-bottom:3px;margin-top:10px;font-style:italic}
h1 a {text-decoration:none}
h1 a:hover {text-decoration:underline}

/*header*/
.header_wrapper { height:62px;}
.logo { padding:15px 0 0 0px;}


/*content*/

#content { width:707px; font-family:Tahoma; font-size:0.6875em; line-height:1.2727em; color:#45565e;}
#content .title { margin-bottom:15px;}
#content .col_2 .ind { padding:10px 10px 0 20px;}
#content .pic { float:left; margin:0 15px 0 0;}
#content .bg_line { background:url(images/bg_line.gif) left bottom repeat-x; padding-bottom:25px; margin-bottom:22px;}
#content p { padding-bottom:15px;}
#content ul.pageMessages {margin: 5px 0 5px 0;padding:8px;border:solid 1px #FC3 }
#content #sidebarLogin label {float:left;width:60px}
#content #sidebarLogin input.Textbox {width:130px;margin-bottom:3px}
#content #sidebarLogin .loginBtn {margin-left:60px;}

#content .newsContainer { margin-bottom: 15px }
#content .newsThumb { float:left; margin-right: 15px; margin-bottom:5px; }
#content .newsTitle { font-weight:bold; }
#content .newsSummary { }
#content .newsBody { }

/*footer*/
#footer { background:#e3e3e3; font-family:Tahoma; font-size:0.6875em; color:#45565e; text-align:center;}
#footer .txt { padding:30px 32px 0 0;}


/*================== index.php ==================*/
#home #content .col_1 .pic1 { margin-bottom:15px;}
#home #content .col_1 .column1 { width:125px; padding-top:11px;}
#home #content .col_1 .column2 { width:63px; padding-top:7px;}
#home #content .col_2 .pic { margin-bottom:25px;}

/*================== about/*.php ==================*/
#about #content .col_1 .pic1 { margin-bottom:15px;}
#about #content .block2 { padding-right:12px;}
#about #content .col_2 .pic { margin-bottom:25px;}

/*================== news/*.php ==================*/
#news #content .col_1 .pic1 { margin:15px 0 15px 0;}
#news #content ul { margin:15px 0 15px 0;}
#news #content .col_2 .pic { margin-bottom:25px;}

/*================== contact/*.php ==================*/
#contact #content .col_1 .pic1 { margin:15px 0 15px 0;}
#contact #content ul { margin:15px 0 15px 0;}
#contact #content .col_2 .pic { margin-bottom:25px;}
#contact input.txt, #contact textarea.txt {width:340px}

/*================== membership/*.php ==================*/
#membership #content ul { margin:15px 0 15px 0;}
#membership #content .col_1 .pic1 { margin:15px 0 15px 0;}
#membership #content .col_2 .pic { margin-bottom:25px;}

/*================== common/*.php ==================*/
#common #content .col_1 .pic1 { margin-bottom:15px;}
#common #content .col_1 .column1 { width:125px; padding-top:11px;}
#common #content .col_1 .column2 { width:63px; padding-top:7px;}
#common #content .col_2 .pic { margin-bottom:25px;}

/*================== gateway.php ==================*/
#gateway #content .LoginBox { border:solid 1px #999 }
#gateway .LoginBox { width: 180px; float: left; margin: 0 10px 0 0; }
#gateway .LoginBox.Last { margin-right: 0; float: right; }
#gateway .FormCancel { float: right; margin-bottom: 0; margin-right:3px; }
#gateway .LightGreyBox { background-color: #EEE; padding: 15px;}

/*================== /private/*.* ==================*/

#private #content .label { width:150px; float:left; text-align: right; padding:2px; font-weight:bold}
#private #content .value { float:left; margin-left:10px; padding:2px; width: 270px }
.even { background-color:#EFEFEF }
.dataWrapper { border: solid 1px #EEE }

/*==================list====================*/
.block { background:#bac95d; padding:27px 22px 39px 23px; color:#fff; margin-bottom:1px;}
.block1 { background:#d88a45; padding:25px 18px 41px 23px; color:#fff; margin-bottom:1px;}
.block2 { background:#d84f45; padding:25px 20px 35px 23px; color:#fff; margin-bottom:1px;}
.block2 a { color:#fff; font-weight:bold;}
.block3 { background:#bac95d; padding:10px 10px 10px 10px; color:#fff; margin-bottom:1px;}
.block4 { background:#bac95d; padding:2px 2px 2px 2px; color:#fff; margin-bottom:1px;font-size:8px;}
.block5 { background:#FFF; color:#fff; margin-bottom:1px;font-size:8px;border:solid 1px #999}
.block a, .block3 a { color:#fff; font-weight:bold;}
.block1 a { color:#fff; font-weight:normal;}

/*==========================================*/

#form .input {	color:#45565e;
				height:20px;
				width:188px;
				background:#fff;
				border:solid 1px #644543;
				font-size:1em;
				font-family:Tahoma;
				margin-top:10px;
}
#form1 .input {	color:#45565e;
				height:20px;
				width:188px;
				background:#fff;
				border:solid 1px #644543;
				font-size:1em;
				font-family:Tahoma;
}


.title1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom:10px;
}
.title2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom:5px;
}

/* Utility Classes */
.LeftFloat { float: left; }
.RightFloat { float: right; }
.LeftAlign { text-align: left; }
.RightAlign { text-align: right; }
.TopAlign { vertical-align: top; }
.BottomAlign { vertical-align: bottom; }
.ClearBoth { clear: both; float: none; font-size: 0.1%; height: 0px; background-color: transparent; }
.ClearLeft { clear: left; float: none; font-size: 0.1%; height: 0px; background-color: transparent; }
.ClearRight { clear: right; float: none; font-size: 0.1%; height: 0px; background-color: transparent; }
.Hidden { display: none; }
.DisplayInline { display: inline; }
.MaxWidth { width: 100%; }
.HalfWidth { width: 50%; }
.Link { cursor: pointer; }
.FontSize10px { font-size: 10px; }
.FontSize12px { font-size: 12px; }
.FontSize13px { font-size: 13px; }
.FontSize14px { font-size: 14px; }
.FirstElement { margin-top: 0px; }
.PinkText { color: #c6006f; }
.LineNormal { line-height: normal; }
.LineReduced { line-height: 1.4em; }
.LineMinimal { line-height: 0.8em; }
.RightMargin { margin-right: 15px; }
.TopMargin { margin-top: 15px; }
.TopMarginReduced { margin-top: 8px; }
.BottomMargin { margin-bottom: 15px; }
.BottomMarginReduced { margin-bottom: 8px; }
.NoMargin { margin: 0; }
.BoldText { font-weight: bold; }
.SmallText { font-size: 80%; }

/* End Utility Classes */

.section {margin-left:10px}
.module {margin-left:20px}
.document {margin-left:30px;margin-top:10px;}
#content li {padding-top:4px;}
.video {margin-left:30px;margin-top:10px;}
.video .videoContainer {float:left;margin:10px 0 10px -40px;}
.sectionTest {margin-left:20px;margin-top:10px;}
.sectionTestResults {margin-left:10px;margin-top:5px;}
.finalTest {margin-left:10px;margin-top:10px;}
.toggleMore, .toggleLess { display:block; overflow:hidden; }
.toggleMore a, .toggleLess a { font-weight:normal }
.Warning {font-size:12px;line-height:13px;color:red;}
.error {font-size:12px;line-height:13px;color:red;}
.arrow.up { float:right; color: #45565E; text-decoration:none; background:transparent url(../images/arrow_up.gif) no-repeat scroll 100% 60%; padding-right:10px; }
.arrow.up:hover { text-decoration: underline }
.arrow.down { float:right; color: #45565E; text-decoration:none; background:transparent url(../images/arrow_down.gif) no-repeat scroll 100% 60%; padding-right:10px; }
.arrow.down:hover { text-decoration: underline }
.testLabel {float:left}
.testLink {float:left;margin-left:5px}
#signupFormTable td, th { padding:6px 1px 6px 1px; vertical-align:baseline; }

#transactions {border:solid 1px #EEE;padding:2px;margin-bottom:5px;margin-top:5px;font-size:12px;width:100%}
#courseDetail {}
#courseDetail td {padding:3px}
#courseDetail .subtotal {border-top:double 3px #999}

#verticalMenu .adminSep {margin-top:5px;border-top:solid 1px #666}

#myCourses {font-size:12px;}
#myCourses th {vertical-align:bottom}
#myCourses td.result {font-size:11px;background-color:#EEE;padding:2px;line-height:25px;vertical-align:middle}
#myCourses .category, #CourseStats .category {font-style:italic;font-weight:bold }
.receipt table {font-size:12px}

#CourseStats .num {text-align:center}

.mediaLength {color:#45565e;font-weight:normal;font-style: italic;}
.videoContainer {width:450px;overflow:hidden;margin: 10px 0 10px 0}
#myVideos li {margin-top:10px;}