/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html
{
    margin: 0;
    padding:0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	width: 100%;
	color: #333;
}
img{
	border: none;
}
.clear{
	clear: both;
}
a:link
{
    color: #034af3;
    text-decoration: none;
}
a:visited
{
    color: #505abc;
    text-decoration: none;
}
a:hover
{
    color: #1d60ff;
    text-decoration: underline;
}
a:active
{
    color: #12eb87;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
	color:#0B55C4;
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding-bottom:8px;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

#page-container{
	margin: 35px auto 0;
}
.fl_r{
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}
.fl_l{
	float: left;
    margin-right: 15px;
    padding-left: 10px;
}
.fl_l .logo {
	margin: 3px 0 0;
}
.fl_l h3.header {
	color: #BC291A;
    font-family: Cambria;
    font-size: 30px;
    font-weight: bold;
    margin: 25px 0 0;
    padding: 0;
}
#menucontainer{
	background: #38728B;
	height: 35px;
	left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}

.sf-menu
{
	margin: 0;
}

#main
{
    padding: 10px;
    background-color: #fff;
    overflow: hidden;
    min-height: 450px;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

div.editor-label
{
	line-height: 2em;
}

/* TABLE
----------------------------------------------------------*/
table.adminlist
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table.adminlist td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table.adminlist th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #fff;   
}

table.adminlist th a:link, table.adminlist th a:hover, table.adminlist th a:visited
{
    text-decoration: none;
}
.tableheader.adminlist tr, .tableheader.adminlist td
{
    border:none;
}
.tableheader img
{
    vertical-align:middle;
}
.adminlist td img
{
    vertical-align:middle;
    cursor:pointer;
}
/* MISC  
----------------------------------------------------------*/
.clear,.clr
{
	clear:both;
	height:0;
	overflow:hidden;
}

.perror
{
    color:Red;
    display:block;
    background-color:#EFEFEF;
    border:1px solid #E5E5E5;
    padding:3px;
    text-align:center;
}
.message
{
    color:Red;
    border:1px solid #ccc;
    background-color:#e5e5e5;
    display:block;
    margin:2px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color: #5c87b2;
    float: right;
}

#logindisplay a:link
{
    color: #5c87b2;
    text-decoration: none;
}

#logindisplay a:visited
{
    color: #5c87b2;
    text-decoration: none;
}

#logindisplay a:hover
{
    color: #5c87b2;
    text-decoration: underline;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-errors li
{
	font-weight: normal;
}

/* Login form */
.login
{
    width: 600px;
}
.contact
{
    width: 700px;
}

/* Main content */
/*#main img
{
    border: 0px;
}*/

#main .icon24x24
{
    width: 24px;
    height: 24px;
}

#main .icon32x32
{
    width: 32px;
    height: 32px;
}

/* Create and Edit form */
label.action
{
    font-size: large;
    font-weight: bold;
}

input.title
{
    width: 480px;
    padding: 2px;
}

input.other
{
    width: 300px;
    padding: 2px;
}

textarea.description
{
    width: 480px;
    padding: 2px;
}
/* Form validate */
label.error
{
    float: none;
    color: red;
    vertical-align: top;
    padding-top: 2px;
    display: block;
    overflow: hidden;
    display:block;
}

label.valid {
	background: url('../images/checked.gif') no-repeat;
	display:inline-block;
	margin-left: 5px;
	height:16px;
	width:16px;
}

#category label.valid, #category input, #category span
{
	display: block;
	float: left;
	line-height: 24px;
}

/* General */
.required {
    color:#000;
}

.copiedOption {
    background-color:#d4d4d4;
}

.displaylist
{
    overflow: hidden;
    border:1px solid #CCCCCC;
    width: 300px;
    padding: 2px;
    float:left;
    cursor: pointer;
}
.displaylist label
{
    color: #000;
    display: block;
    cursor: pointer;
}

.more
{
    float: right;
    padding: 2px 10px;
    margin-top: -15px;
}

.message
{
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    text-align: center;
    margin: 2px;
    padding: 5px;
	
    background:yellow;
    color: red;
    font-size:1.1em;
    font-weight: bold;
    text-transform: capitalize;
}

.mceEditor
{
    float:left;
}

/* Arrow List menu */
.arrowlistmenu
{
	margin-top: 5px;
	overflow: hidden;
	width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-weight: bold;
	color: #12589C;
	background: #E8EEF4;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 5px 0 5px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .menuheader a
{
	color: #12589C;
	text-decoration: none;
	display: block;
}

.arrowlistmenu .parent_active, .arrowlistmenu .parent_active a{ /*CSS class to apply to expandable header when it's expanded*/
	color: White;
	background: #696969;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
	background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
	background: lightgreen !important;
}

.arrowlistmenu ul li a{
	color: #696969;
	background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a.child_active {
	background: url(../images/arrowbullet-active.png) no-repeat center left; /*custom bullet list image*/
	background-color: #F3F3F3;
}

.arrowlistmenu ul li a:visited{
	color: #696969;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
	background: lightblue;
}

/* Inline Widget */
#helpers 
{
	font-weight: normal;
}

#helpers ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#helpers ul li
{
	line-height: 30px;
	display: block;
	overflow: hidden;
}

#helpers ul li span
{
	width: 380px;	
	margin-right: 20px;
	display: block;
	float: left;
	line-height: 16px;
	padding: 3px 0px;
}

.button
{
	cursor: pointer;
}

.click
{
	margin-top: 8px;
	line-height: 16px;
}

/* Pulication */
.associated
{
	list-style-type: none;
	padding: 2px 0px;
	margin: 0px;
}

#enquiryform_display li span, 
#keyword_display li span
{
	width: 265px;
	float: left;
	display: block;
	overflow: hidden;
}

#enquiryform_display li label, 
#keyword_display li label
{
	display: inline;
	color: #696969;
}

#enquiryform_display li,
#keyword_display li
{
	list-style-type: none;
}

/* Weighted In-Out */
.weighted
{
	width: 250px;
	float: left;
}
.weighted ul
{
	clear: both;
	border: solid 1px #ccc;
	display: block;
	height: 220px;
	list-style-type: none;
	padding: 3px;
	margin: 5px;
	float: none;
}

.weighted ul li
{
	display: block;
	list-style-type: none;
}

.weighted input
{
	float: left;
}

.weighted span
{
	float: left;
	width: 170px;
	white-space: nowrap;
	overflow: hidden;
}

.error_message
{
	color: Red;
	display: block;
	width: 300px;
	float: left;
}

#main h2
{
	border: 1px solid #E8EEF4;
	text-align: center;
	margin: 5px 0px;
	padding: 10px;
	color: #696969;
}
.provider
{
    display:block;
    width:355px;
}
.provider .pimg
{
    width:50px;
    padding:2px;
    border:1px solid #ccc;
    float:left;
    margin-right:5px;
}
.provider .ptitle
{
    float:left;
    width:290px;
}
.editor-field
{
    display:block;
    padding:2px;
}
.tabhtml
{
    padding-left:10px;
}
.tabparent
{
    font-weight:bold;
}
.add
{
    vertical-align:middle;
}
.asset
{
    display:block;
}
.asset img
{
    vertical-align:middle;
}
.asset .avatar
{
    width:40px;
    padding:2px;
    border:1px solid #ccc;
    float:left;
    margin-right:5px;
}
.asset .title
{
   float:left;
   width:100px;
}
.txt_number
{
   text-align:right;
}
.txt_label{
    color:#0081AF;
}
.txt_header {
    color:#0081AF;
    font-weight:bold;    
    text-decoration:none;
    font-size:1.3em;
}

.noresult
{
    text-align: center;
    display:block;
    padding: 10px 0px;
    font-size: large;
    font-weight: bold;
    color: rgb(204, 204, 204);
    font-family: Helvetica, sans-serif;
}

/* Tool box */
div.header {
	background-repeat:no-repeat;
	color:#0B55C4;
	font-size:22px;
	font-weight:bold;
	line-height:48px;
	margin-left:10px;
	padding-left:55px;
}
div.header span { color: #666; }
.icon-48-generic {
	background-image:url("../images/header/icon-48-generic.png");
}

/** toolbar **/
div.toolbar { float: right; text-align: right; padding: 0; padding-right: 10px; }
table.toolbar    			 { border-collapse: collapse; padding: 0; margin: 0;	 }
table.toolbar td 			 { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; }
table.toolbar td.spacer  { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }
table.toolbar span { float: none; width: 32px; height: 32px; margin: 0 auto; display: block; }
table.toolbar a {
   display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
}
table.toolbar a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #0B55C4;
}

/** footer **/
#footer 
{
	font-size: 8pt;
	background:url("../Images/bg_footer.gif") repeat-x scroll left top transparent;
	height:66px;
	margin:0;
}
.copyright
{
	padding-top: 10px;
	padding-left: 30px;
	width: 600px;
	float: left;
}
.powerby
{
	float: right; 
	padding-top: 10px;
	padding-right: 30px;
}

/** Error **/
.field-validation-error
{
	display: block;
}


table.admintable td {
	padding:3px;
	border: none;
}
table.admintable td.key, 
table.admintable td.paramlist_key {
	background-color:#F6F6F6;
	border-bottom:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	color:#666666;
	font-weight:bold;
	text-align:right;
	width:140px;
}
table.paramlist td.paramlist_description {
	background-color:#F6F6F6;
	border-bottom:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	color:#333333;
	font-weight:normal;
	text-align:left;
	width:170px;
}
table.admintable td.key.vtop {
	vertical-align:top;
}

.pager {
	clear:both;
	margin:8px 3px;
	padding:3px;
}
.pager .disabled {
	border:1px solid #DDDDDD;
	color:#999999;
	margin-top:4px;
	padding:9px;
	text-align:center;
}
.pager .current {
	background-color:#0066CC;
	border:1px solid #000099;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:4px;
	padding:9px 10px;
	text-align:center;
}
.pager span, .pager a {
	margin:4px 3px;
}
.pager a {
	border:1px solid #C0C0C0;
	padding:9px 10px;
	text-align:center;
	text-decoration:none;
}

#adminForm .hasDatepicker
{
	width: 80px;
}

table.reporttable
{
	border: solid 1px #000;
	border-collapse: collapse;
}
table.reporttable tr,
table.reporttable td,
table.reporttable th
{
	border: solid 1px #000;
}

table.reporttable td
{
	 padding: 5px;
}
.viewreport
{
    display:block;
}
.viewreport .list
{
    float:left;
    width:500px;
}
.viewreport .condition
{
    float:left;
    width:470px;
}
.perror
{
	background: #FFEBE8;
	border: 1px solid red;
	margin-left: .3em;
	color:Red;
	text-align:center;
}

#report h2
{
	border: none;
	text-align: left;
	font-size: 1.2em;
	padding-left: 0px;
	color: #000;
	text-transform: uppercase;
}

.condition
{
	width: 365px;
}

#adminForm .error
{
	    
}
#browser {
    font-family: Arial,Helvetica,sans-serif;
}
#browser img{
    vertical-align:middle;
}
.filetree span.keyword {
    display:block;
    padding:1px 0 1px 1px;
}
/*Style for frontend*/
/*Leftmenu*/
.lmenu
{
    display:block;
    overflow:hidden;
}
.lmenu .lheader
{
    background: none repeat scroll 0 0 #039AD3;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}   
.lmenu .lmain
{
    display:block;
    overflow:hidden;
}
.lmenu .lmain ul
{
    background: none repeat scroll 0 0 #FFFFFF;
    list-style-type: none;
    margin: 0;
    padding: 0;
} 
.lmenu .lmain ul li
{
    background: none repeat scroll 0 0 #B0E5F7;
    border-left: 20px none;
    display: block;
    line-height: 25px;
    margin-top: 1px;
    overflow: hidden;
}
.lmenu .lmain ul li.active
{
    background: none repeat scroll 0 0 #039AD3;
    color: #FFFFFF;
} 
.lmenu .lmain ul li.active a
{
    background: none repeat scroll 0 0 #039AD3;
    color: #FFFFFF;
}   
.lmenu .lmain ul li a
{
    background: none repeat scroll 0 0 #B0E5F7;
    display: block;
    font-weight: bold;
    line-height: 25px;
    margin-top: 1px;
    padding-left: 5px;
    text-decoration: none;
    color:#000;
}
.lmenu .lmain ul li a:hover
{
    color:#ff6600;
}
.question
{
   display:block;
   padding:3px; 
}
.question .intro
{
    display: block;
    overflow: hidden;
    padding: 5px;
}
.question .intro a
{
   text-decoration: none;
}
.question .intro .name {
    color: #F0611D;
    display: block;
    font-size: 110%;
    font-weight: bold;
}
.question .intro .content {
    display: block;
    padding: 5px 0 0;
}
.question .intro .content .author, .question .intro .content .emore{
    color: #5F5F5F;
    display: block;
    padding: 3px 0;
}
.question .intro .content a, .question .intro .content .emore a {
    color: #1C7B9B;
    font-style: normal;
    text-decoration: none;
}
.question .listdetail {
    display: block;
    padding: 0 5px 5px;
}
.question .listdetail label {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}
.question .listdetail span {
    text-align: justify;
}
.fmain
{
    display:block;
    overflow:hidden;
}
.fmain .fleft
{
    width:200px;
    float:left;
    margin-right:10px;
}
.fmain .fcenter
{
    width:540px;
    float:left;
}
.fmain .fright
{
    width:200px;
    float:right;
}
.rc
{
    display:block;
    }
.rc .rc_h
{
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background: none repeat scroll 0 0 #0299D2;
    border: 1px solid #0299D2;
    color: #EAEAEA;
    display: block;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
}
.rc .rc_c {
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    overflow: hidden;
    padding: 4px 4px 4px 10px;
}
.rc .rc_c ul {
    color: #016C95;
    list-style-type: square;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
}
.rc .rc_c ul li {
    padding: 2px 0;
}
.rc .rc_c ul li a {
    color: #444444;
    text-decoration: none;
}


table.adminlist img.represent 
{ 
	border: 1px solid #CCCCCC;
    margin-right: 5px;
    padding: 1px;
    width: 80px;
    height:60px;
    overflow:hidden;
}
table.adminlist div.div_img  
{
	float:left;
	width: 85px;
    height:65px;
    overflow:hidden;
}
table.adminlist div.div_content { padding:7px;}
table.adminlist div.title {font-weight:bold; font-size:1.2em;}
table.adminlist div.summary {padding-top:10px;}
.add
{
	cursor:pointer;
}
#adminForm input[type="text"].error, #adminForm select.error
{
	border: 1px solid red;
}
#adminForm .filter
{
	width: 100px;
}
#task-list
{
	display: block;
	overflow: hidden;
	padding-left:20px;
}

#task-list .overdue
{
	color: Red;
}
#task-list .notify
{
	color: Violet;
}

/* Sale Satge */
.salestage1
{
	background: #c2dfff;
}
.salestage2
{
	background: #e3b7eb;
}
.salestage3, .salestage5, .salestage6, .salestage7, .salestage8
{
	background: #d2f5b0;
}
.salestage4, .salestage9
{
	background: #ffcd85;
}

/* Task Status */
.taskstatus1
{
	background: #c2dfff;
}
.taskstatus2,.taskstatus3, .taskstatus4,
.taskstatus5,.taskstatus6,.taskstatus7,
.taskstatus8,.taskstatus9
{
	background: #e3b7eb;
}
.taskstatus10
{
	background: #d2f5b0;
}
.taskstatus11
{
	background: #ffcd85;
}
#adminForm .row0
{
	background: #FBFBFB;
}
#adminForm .row1
{
	background: #fff;
}
#adminForm tfoot 
{
	background: #E8EEF4;
	font-weight: bold;
}
.tabTransport {
    margin: 10px 0;
}
.selT {
    border: 1px solid #89B4D6;
    padding: 3px 2px;
    width: 370px;
    /*color: #8A8A8A;
    font: 12px arial;*/
}
h4.titleFrom {
    background: url("../images/bg_titlePay.png") repeat-x scroll center center transparent;
    color: #3E7FD4;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top:5px;
    padding:0px;
}
.inpIn {
    border: 1px solid #89B4D6;
    padding: 3px 5px;
    width: 200px;
}
input[type="text"].inpAdd, input[type="password"].inpAdd {
    border: 1px solid #89B4D6;
    padding: 3px 5px;
    width: 360px;
}
.titleFrom span {
    background: none repeat scroll 0 0 #FFFFFF;
}
table.tblprice {
    border: 1px solid #E8EEF4;
    border-collapse: collapse;
    font-size: 9pt;
}
table.tblprice th {
    background-color: #F2F9FA;
    border: 1px solid #E8EEF4;
    color: #006666;
    padding: 6px 5px;
    text-align: center;
}
table.tblprice td {
    border: 1px solid #E8EEF4;
    padding: 5px;
}
table.tblprice td ul {
    margin: 0;
    padding-left: 15px;
}
h3.intro {
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0.6em;
}
.div_intro
{
	display:block;	
	overflow:hidden;
	margin-top:10px;
	
}
.div_intro .cttv {
    background-color:#fff;
    border: 1px solid #DFE2E7;
    border-radius: 5px 5px 5px 5px;
    float: left;
    display:block;
}
.div_intro .bt_tit {
    background: url("../images/bg_tit.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #DFE2E7;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding-left: 7px;
    padding-top: 3px;
    text-transform: uppercase;
}
.div_intro .intro_content
{
	display:block;
	margin-top:10px;
	text-align:justify;
	padding:10px;
}
.top_banner{
	background: #ccc;
	background-color:#fff;
	background-repeat:no-repeat;
	height: 77px;
}
.h_left {

}
.h_right {
    margin-right:10px;
    margin-top:5px;
    float:right;
}
.txt_right {
    text-align:right;
}
.head-title {
    border-bottom: 1px solid #1F668B;
    color: #BC291A;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight:bold;
    padding:3px;
}
.sub-title {
    color: #426870;
    font-size: 12px;
    padding-top: 5px;
    text-transform: uppercase;
    font-weight:bold;
}
#adminForm .w100
{
    width:100px;
}
#adminForm .w50
{
    width:80px;
}
#adminForm .w150
{
    width:150px;
}
#adminForm .w400
{
    width:400px;
}
#adminForm .w500
{
    width:500px;
}
#adminForm .w200
{
    width:200px;
}
#adminForm .w250
{
    width:250px;
}
#adminForm .w300
{
    width:300px;
}
#adminForm p
{
    padding:2px;
    margin:0px;
    line-height:1.1em;
}
/*Slide*/
#back_to_camera {
	clear: both;
	display: block;
	height: 80px;
	line-height: 40px;
	padding: 20px;
}
.fluid_container {
	margin: 0 auto;
	max-width: 500px;
	width: 90%;
}
img.border {
    background-color: #efefef;
    border: 1px solid #eee;
    padding: 5px;
}
.red
{
    color:#000;
}
.bred
{
    color:#ff0000;
}
a.btn-ct {
    background: none repeat scroll 0 0 #B72126;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 20px;
}
a.btn-ct:hover {
    background: none repeat scroll 0 0 #82bd33;
    text-decoration: none;
}
.rowdoitac {
    background: url("../images/bgrowdanhnghiep.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    min-height: 580px;
    position: relative;
    text-align: left;
    width:1100px;
    margin: 0 auto;
}
.mgl96
{
    margin-left:96px;
}
.coldanhnghiep {
    display: inline-block;
    padding: 10px 15px;
    text-align: left;
}
.pull-left.item-image {
    margin: 0 20px 0 0;
}
.item-image {
    float: none;
    height: 150px;
    overflow: hidden;
    width: 100%;
}
.coldanhnghiep img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:5px 10px;
    margin-top:5px; margin-left:0px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; 
    position:absolute; color:#111;
    border:1px solid #DCA; 
    background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}
.nowrap
{
    white-space:nowrap;
    float:left;
    margin-right:20px;
}
.dnowrap
{
    white-space:nowrap;
}
ul.list-p
{
   display:block;
   margin:0px;
   padding:0px;
   list-style-type:none;
}
ul.list-p li
{
   list-style-type:none;
   margin-right:10px;
   display:block;
   width:280px;
   float:left;
} 
.example-val {
    font: 400 12px Arial;
    color: #888;
    display: block;
    margin: 15px 0;
}
.mgt-10
{
    margin-top:10px;
}
.mgt-5
{
    margin-top:5px;
}
.viewed
{
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom: 1px dashed #ccc;
}
.rnrow
{
   border-bottom: 1px solid #e8eef4; 
   padding:3px;
   display:block;
   overflow:hidden;
}
table.showtable td {
	padding:3px;
	border: none;
}
table.showtable td.key {
	border-right:1px solid #E9E9E9;
	color:#666666;
	font-weight:bold;
	text-align:left;
	max-width:140px;
}
table.showtable tr:nth-child(even) {background: #F6F6F6}
table.showtable tr:nth-child(odd) {background: #FFF}
.bold
{
    font-weight:bold !important;
}
.bred
{
    color:#ff0000 !important;
}
.bgreen
{
    color:#fff !important;
    background:#4B915A !important;
    padding:3px 5px 3px 5px;
}
.borange
{
    color:#000 !important;
    font-weight:bold;
    background:#FFCD52 !important;
    padding:3px 5px 3px 5px;
}
.blue
{
    color:Blue !important;
}
.vtype
{
    color:#fff !important;
    background-color:#00B161 !important;
}
.mgb-10{margin-bottom:10px;}
.f10{font-size:10px;}

.acrtable tr:nth-child(even) {background: #f5f5f5}
.acrtable tr:nth-child(odd) {background: #FFF}
.lblac
{
    cursor:pointer;
    display:block;
    padding:5px;
    color:#222;
    width:120px;
}
.ac3
{
    background:#EEECE0;
}
.ac7
{
    background:#D2F5B0;
}
.ac14
{
    background:#c0d8e5;
}
.ac2
{
    background:#E3B7EB;
}
.ac19
{
    background:#FFCD52;
}
.plbl
{
    font-weight:bold;
    min-width: 80px;
    display: block;
    float: left;
}
.nlbl
{
    min-width: 80px;
    display: block;
    float: left;
}
.bg24h
{
    background:#a7cff0;
}
.bg36h
{
    background:#e3b7eb;
}
.bg48h
{
    background:#01bc97;
}