body { background-color:#f2f2f2; }
#header { 
position:relative; 
height: 69px;
width:980px; 
margin:0px auto 0 !important; 
z-index:999; 
_zoom:1; 
}
#header h1 {
display: inline;
}
#header h1 a {
//background: url("../img/dou2.png") no-repeat scroll 0 0 transparent;
background: url("../img/dou.png") no-repeat scroll 0 0 transparent;
height: 48px;
width: 403px;
top: 10px;
left: 7px;
outline: medium none;
position: absolute;
text-indent: -9999px;
}
#header .appstatus {
float: right;
position: relative;
right: 30px;
top: 25px;
}
#header h2 {
color: #404F7A;
font-size: 18px; 
float: right;
position: relative; 
top: 20px; 
right: 15px; 
}
#footer { 
width: 980px; 
color: #999999; 
font-size: 10px; 
margin: 18px auto; 
padding-bottom: 36px; 
}
#footer_chkgrade1a { 
width: 780px; 
color: #3300FF; 
font-weight: bold;
font-size: 15px; 
text-align: center;
margin: 18px auto; 
padding-bottom: 1px; 
}
#footer_subchkgrade1a { 
width: 780px; 
color: #4682B4; 
font-size: 14px; 
margin: 18px auto; 
margin-left: 190px;
padding-bottom: 36px; 
}
#footer_chkgrade1b { 
width: 780px; 
color: #A0522D; 
font-weight: bold;
font-size: 15px; 
text-align: center;
margin: 18px auto; 
}
#footer_subchkgrade1b { 
width: 780px; 
color: #686868; 
font-size: 14px; 
margin: 18px auto; 
text-align: center;
padding-bottom: 36px; 
}
#footer p {
color: #76797C;
text-align: center;
font-size: 10px !important;
}
.content { 
background: #fff; 
margin:0 auto; 
padding:1px 40px 10px 40px; 
//width:1100px; 
width:900px;
min-height:300px;
*border: 1px solid; 
border-color: #e5e5e5 #dbdbdb #d2d2d2; 
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
} 
.content_autowidth { 
background: #fff; 
margin:0 auto; 
padding:1px 40px 10px 40px; 
width:auto; 
min-height:300px;
*border: 1px solid; 
border-color: #e5e5e5 #dbdbdb #d2d2d2; 
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
} 
.content,
.rounded { 
border-radius: 4px; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
-o-border-radius: 4px; 
-khtml-border-radius: 4px; 
}
/* Apply Info */
.info h4 {
font-size: 16px;
color: #C63F20;
padding-top: 10px;
line-height: 36px;
}
.info li, .summary li {
color: #404040 !important;
}

/* Apply Status */
form .mgl-300 {
margin-left: 300px;
}
/* Curriculum */
input, textarea, select, .uneditable-input {
color: #000; !important;
}

.large .inputs-list label {
font-size: 14px; 
font-weight: bold;
line-height: 20px;
margin-bottom: 8px;
}
.large .inputs-list > li {
margin-bottom: 10px;
}
form.form-app {
margin-bottom: 0px;
}
form.form-app .input {
margin-left: 140px;
}
.doback {
margin-right: 15px;
}

.form-app .actions {
/*margin-left: -20px;*/
margin-bottom: 0;
padding-left: 20px;
}

.form-app .btn {
padding: 5px 18px 6px;
}
label.col2 {
width: 60px;
}
form.form-app .input.col2 {
margin-left: 70px;
}
label.col3 {
width: 80px;
}
form.form-app .input.col3, .text.col3 {
margin-left: 90px;
}
label.col4 {
width: 120px;
}
.span230 {
width: 230px;
}
.span-auto, .width-auto select {
width: auto;
}
.text {
color: #000;
font-size: 13px;
height: 18px;
line-height: 18px;
margin-left: 140px;
padding: 6px 4px 4px;
width: 300px;
}

.text_chkgrade {
color: #3300FF;
font-weight:bold;
font-size: 13px;
height: 18px;
line-height: 18px;
margin-left: 140px;
padding: 6px 4px 4px;
width: auto;
}
/* Apply */
div.horizontal {
padding-top: 6px;
}

/* Nationality */
.horizontal label {
 float: none;
 margin-right: 15px;
}
/* 
	Identity-Form-Styles
*/
.width17 {
  width: 17px;
  text-align:center;
}
.width30 {
  width: 30px;
  text-align:center;
}
.width50 {
  width: 50px;
  text-align:center;
}
.width58 {
  width: 58px;
  text-align:center;
}
.width300 {
  width: 300px;
}
.id-pid-on {
  display: block;
}
.id-fid-on {
  display: block;
}
span.id-fid-on {
  display: inline;
}
.id-pid-off {
  display: none;
}
.id-fid-off {
  display: none;
}
/* 
	Table-Styles   
*/
#subjectTable
{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse:collapse;
}
#subjectTable caption 
{
	font-weight:bold;
	font-size:1.3em;
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
}
#subjectTable tbody
{
  display: block;
  overflow: auto;
  height: 50px;
}
#subjectTable thead tr
{
  display: block;
  background-color:#62C462;
}
#subjectTable td, #subjectTable th 
{
	font-size:1em;
	border:1px solid #57A957;
	padding:3px 7px 2px 7px;
}
#subjectTable td.subject_title 
{
font-size:1.1em;
font-weight:bold;
padding:5px 7px 5px 10px;
color:#404040;
}
#subjectTable td.subject_title_check_grade 
{
font-size:1.1em;
font-weight:bold;
padding:5px 7px 5px 10px;
color:#6600FF;
}
#subjectTable th 
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
/*background-color:#404F7A;*/
background-color:#62C462;
color:#ffffff;
}
#subjectTable tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}
#subjectTable label {
color: #404040;
float: left;
font-size: 13px;
line-height: 18px;
padding: 6px 0 0 50px;
width: auto;
}

#chkgradeTable
{
margin-left: auto;
margin-right: auto;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:60%;
border-collapse:collapse;
}
#chkgradeTable caption 
{
font-weight:bold;
font-size:1.3em;
text-align:center;
padding-top:20px;
padding-bottom:10px;
}
#chkgradeTable td, #chkgradeTable th 
{
font-size:1em;
border:1px solid #57A957;
padding:3px 7px 2px 7px;
text-align:center;
}
#chkgradeTable td.subject_title 
{
font-size:1.1em;
font-weight:bold;
padding:5px 7px 5px 10px;
color:#404040;
}
#chkgradeTable td.subject_title_check_grade 
{
font-size:1.1em;
font-weight:bold;
padding:5px 7px 5px 10px;
color:#6600FF;
}
#chkgradeTable th 
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
/*background-color:#404F7A;*/
background-color:#A8A8A8;
color:#ffffff;
}
#chkgradeTable tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}
#chkgradeTable label {
color: #404040;
float: left;
font-size: 13px;
line-height: 18px;
padding: 6px 0 0 30px;
width: auto;
}
/* 
	Confirm-Page  
*/
.review{
    min-height: 370px;
    padding: 25px 40px;
}
.section:after, .lastsection:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.section {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    margin-bottom: 2em;
    padding-bottom: 2em;
}
.section h3 {
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
}
.section h4 {
    clear: both;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    width: 180px;
	line-height: 18px;
	color: #000000;
    font-weight: 600 !important;
}

.content dl {
    float: left;
    margin-right: 20px;
    width: 600px;
}
.content dl dt {
    clear: left;
    color: #666666;
    float: left;
    font-size: 13px;
    text-align: left;
    width: 160px;
	margin-bottom: 5px;
	font-weight: 400;
	line-height:	20px;
}
.content dl dd {
    float: left;
    font-size: 13px;
    margin-left: 20px;
    width: 340px;
	line-height:	20px;
}
.content dl.summary {
width: auto;
}
.content dl.summary dt {
width: 80px;
}
.content dl.summary dd {
width: auto;
}

/* 
	Miscellaneous-Styles   
*/
.form-error {
 font-family: "Lucida Sans Unicode";
 /*font-style: italic;*/
 font-size: 12px; 
 color: #F00000;
}
.clear {
clear:both;	
}
a.pdflink {
	font-weight: bold;
	text-shadow: #FFFF00 0.1em 0.1em 0.2em;
	color: #F00000;
	background: url('../img/pdf.gif') no-repeat right center;
	padding-right: 18 px;
}
a.pdflink2 {
	font-weight: bold;
	text-shadow: #FFFF00 0.1em 0.1em 0.2em;
	color: #F00000;
}