/* 
    Document   : mobile css
    Created on : May 7, 2013
    Author     : Danny.Nguyen
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* BEGIN CSS FOR HEADER*/
body
{
    background-color:#ffffff;
    margin-top: 0px;
    margin-left: 0px;
	color: #000000;
    overflow: auto;
	width: 100%;
	text-align: left;
	float: left;
	/*width: 320px;
    height:480px;*/
	background: url('../images/top-bg.gif') repeat scroll left top;
}

#header {
	background: url('../images/top-bg.gif') repeat left top;
}
	
#logo {
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: url('../images/header.png') repeat-x left bottom;
}

a {
	color: #ef761a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* END CSS FOR HEADER*/

/* BEGIN CSS FOR CONTENT */

#mainContent {
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-serif;
	line-height: 1.5;
	background: #FFFFFF;
	color: #000000;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
}

#pageTitle {
	color: #D41B41;
	font-size: 16px;
	font-weight: bold;
	font-family: 'UbuntuRegular', Arial,Helvetica,sans-serif;
	line-height: 1.2;
	margin-top: 10px;
}

#subTitle {
	color: #303030;
}

#subTitleCourse {
	color: rgb(255, 102, 0);
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	height: auto;
	line-height: 15px;
}

#heading {
	color: #ff9900;
	font-weight: bold;
}

#caption {
	color: #999999999;
	font-weight: bold;
}

#content {
}

div {
	display: block;
}

ul {
	list-style: none;
	padding-left: 8px;
}

ul li {
	margin-bottom: 2px;
}

ul ul {
	list-style: none;
	padding-left: 16px;
}

.col1 {
	margin-left: 10px;
	width: 180px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-top;
}

.col2 {
	width: 80px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-top;
}

.col3 {
	margin-left: 10px;
	width: 180px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-top;
}

.col4 {
	width: 80px;
	display: inline-block;
	vertical-align: text-top;
}

.col_end {
	width: 0px;
	display: block;
}

.col3_1 {
	margin-left: 5px;
	width: 100px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-top;
	font-weight: bold;
}

.col3_2 {
	width: 85px;
	display: inline-block;
	vertical-align: text-top;
	font-weight: bold;
}

.col3_3 {
	margin-left: 10px;
	width: 80px;
	display: inline-block;
	vertical-align: text-top;
	font-weight: bold;
}

.faq_ul {
	padding-left: 5px;
	margin: 0px 0px 0px 0px;
}

#btn, #btn a, #btn:active {
	background: url('../images/btn_send.png')0 0 no-repeat;
	cursor: pointer;
	font-size: 13px;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	text-decoration: none;
}

#btn:hover {
	background: url('../images/btn_send.png')0 -43px no-repeat;
	font-weight: bold;
}

/* END CSS FOR CONTENT */

/* BEGIN CSS FOR FOOTER */

#footer {
	padding: 10px 0px 0px 10px;
}

#copyright {
	text-align: left;
	color: #A64A3A;
	font-size: 10px;
	font-family: Arial, Helvetica, Sans-serif;
	line-height: 1.5;
}
/* END CSS FOR FOOTER */