body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
color: #000000;
margin: 0px;
padding: 0px;
height:100%; /* this is the key! */
}

A:hover{color:#FF9900;}

/* table management */
.tbe {
	clear: right;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4176C0;
	width: 100%;
	background-color: #EDEDFF;
	padding-left: 0.7em;
}

.tbe a, .tbe span {
	displayx: block;
	floatx: left;
	background: #fff;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.tbe span.current {
	border: 1px solid #2E6AB1;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-right: 0.5em;
}

.tbe a {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-right: 0.2em;
}

.tbe a:hover {
border-color: #2E6AB1;
}

.tbe a.nextprev {
font-weight: bold;
}

.tbe span.nextprev {
color: #666;
}

.tbe span.nextprev {
	border: 1px solid #ddd;
	color: #999;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.tbe .nextprev-next {
float: right;
}

/* end tbe */
.bluetd{
background-color:#D2D2FF;
border: 0px none #FFCC00;
}
.greytd{background-color:#DDDDDD;
}

.button{
text-decoration: none;
background-color: #FFFFFF;
background-image: url(/aoimg/theme/default/english/img/button_bg2.jpg);
font-family: Arial;
font-size: 11px;
font-style: normal;
border: 1px solid #95B3DB;
margin-right: 3px;
color: #284B7B;
cursor: pointer;
padding-right: 5px;
padding-left: 5px;
font-weight: normal;
}

.buttonOn{ 
color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #6595C9;
border-bottom-color: #6595C9;
border-top-color: #C7D8EB;
border-left-color: #C7D8EB;
background-color: #3E78C2;
}

.button:hover{ 
color: #FFFFFF;
background-color: #3E78C2;
background-image: none;
border: 1px solid #000000;
}


.textbox {
height:20px; 
color:#000000;
border:1px solid #7F9DB9;  
background-color:#ffffff;
}

.private {
background-color:#0066CC;
font-weight: bold;
color:#FFFFFF;
}

.public {
background-color:#009933;
font-weight: bold;
color:#FFFFFF;
}

.misc {
background-color:#8080C0;
font-weight: bold;
color:#FFFFFF;
}

.titlebar {font-size: 11pt; font-weight: bold; color:#FFFFFF;}
.bizapptitle {
font-size: 14px;
font-weight: bold;
color:#0000FF;
text-decoration: none;
}
a.bizapptitle:link {font-size: 12px; font-weight: bold; color:#0000FF;}
a.bizapptitle:hover {font-size: 12px; font-weight: bold; color:#FFCC00;}
a.bizapptitle:visited {font-size: 12px; font-weight: bold;}
a.bizapptitle:active {font-size: 12px; font-weight: bold;}
.tab_link1 {font-size: 11px; font-weight: bold; color:#1F5E92;}
.tab_link2 {font-size: 11px; font-weight: normal; color:#1F5E92;}
.tab_bottomline{background-color:#D3E1F1;}

.slogan {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #999999;
}
.slogan_a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #006699;
}
.main_tbl_bg {
background-image: url(/aoimg/theme/default/english/img/main_tbl_bg.jpg);
background-repeat: no-repeat;
}

.slogan_h {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #FF6600;
}

.smtitlebar {
background-color:#003366;
font-weight: bold;
color:#FFFFFF;
}
.ptitle{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#000000;
}
.ptitle2{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
color:#333333;
}

.subtitle {
font-size: 8pt;
font-weight: bold;
color:#112233;
}

.table_border { 
 border:1px solid; 
 border-color: #999999;
}

.blue_border { 
 border:1px solid; 
 border-color: #003366;
}

A.smallwhitelnk {
font-size: 7pt;
font-weight: bold;
color: #FFFFFF;
}

.smallwhiteblue {
font-size: 7pt;
font-weight: bold;
color: #FFFFFF;
background-color:#0066CC;
}

.smallwhite {
font-size: 7pt;
font-weight: bold;
color: #FFFFFF;
}

.smalltitle {
font-size:7pt;
color: #FFFFFF;
background-color:#003366;
font-weight: bold;
}

.head_logo {
FONT-SIZE: 14px;
COLOR : #4372B8;
FONT-WEIGHT: bold;
font-family: Arial, Helvetica, sans-serif;
}

.tbheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#041EA3;
/*	color: #154B78; */
text-decoration: none;
background-color: #60E4E7;
padding-left: 1px;
height: 20px;
line-height: 20px;
}
.tbHeader_body2 {background-color:#809EBF; font-size:11px; font-weight:bold; color:#FFFFFF;}

.tbheader_body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
background-color: #E3E7ED;
padding-left: 2px;
height: 20px;
line-height: 20px;
}

.tbrow1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
background-color: #ffffff;
/*	padding-left: 5px;*/
height: 20px;
line-height: 20px;
}

.tbrow2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
background-color: #F0F0F0;
/*	padding-left: 5px;*/
height: 20px;
line-height: 20px;
}

.tbheader_btmline{
height: 1px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #A9C7E9;
}

.err_msg {
FONT-SIZE: 12px;
COLOR: #FF0000;
}
.blue_tit {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #006699;
font-weight: bold;
}
.black_tit {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
 
}.blue_txt {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #006699;
font-weight: bold;
}
.redtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
font-weight: normal;
}

/* use for vo calendar -start */
.caltb_header {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #759BDD;
padding-left: 3px;
}
.caltb_row2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
background-color: #F1F3F6;
}
.caltb_row1_dark {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #6491BB;
}
.caltb_row1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #003288;
}
.caltb_outline {
background-color: #8EA7E1;
}
.caltb_bottom {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
background-color: #D0DDF1;
padding-left: 10px;
}
.caltb-highlight {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
background-color: #FFCCCC;
}
/* vo calendar - end */

.module-name {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.module-name2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.box1 {background-color:#2063A1; text-decoration:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.box2 {background-color:#145092; text-decoration:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.box3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; background-color: #E1E0EB;}
.box4 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;	background-color: #538ABC; font-weight: bold; padding-left: 10px;}
.normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
a.normal:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color: #FF9900;
}
a.normal:link, a.normal:visited, a.normal:active{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color: #000000;
}
.link{font-family:Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: bold; text-decoration: none; color:#F58E26;}
.linkwhite {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#FFFFFF;}

.listmsg {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
padding-left:10px;
}
.alert_line { background-color:#159CCE;}
.alert_title{ background-color:#B0E4F8; font-weight:bold;}
.alert_body { font-family:Arial, Helvetica, sans-serif;}

/* this for webemail only -start */
.text_tbheader { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#041EA3; text-decoration:none; font-weight:bold}
.text_tbrow{ font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.btn{ 
background-color:#669CCE; 
font-size:11px;
text-decoration:none;
color:#ffffff; 
font-family:Arial; 
font-weight: bold;
padding:1px;
border:#3A7AB6 1px solid;
} 
.footer-bg{
background-color:#B5D4E6;
}

/* use for webmail leftframe - start*/
.small {
font-size: 11px;
text-decoration: none;
}
.leftframe-bg{
background:#D8EDFE;
font-size:11px;
}
.leftframe-menubar{
background:#A5C7EC;
font-size:11px;
color:#000000;
}
/* webmail leftframe - end */

/* use for webmail compose html only - start */

.toolbar1{ background-image: url(/aoimg/xp-icons/wmhtml/bg-toolbar1.jpg);}

/*.bar-bottomline{ background-color:#9ED7E2;}*/
.bar-bottomline{ background-color:#B8E3EB;}
/* Command Buttons */
.wmhtml-btn { width: 21px; height: 21px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.wmhtml-btnOver { width: 21px; height: 21px; border: 1px solid #999999; margin: 0; padding: 0px; }

/* Font Type and Size Drop Down */
.dropdown { background-color: #2F67B9; border: 1px solid #333333; height: 137px; overflow: auto; padding: 1px; }
button.mouseOver   { background-color: #FF9C00; border: 1px solid #60BAE3; padding: 2px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #2F67B9; border: 1px solid #2F67B9; padding: 2px; cursor: default; text-align: left;}

/* CREATE TABLE POPUP */
/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.selectColorTable  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }
.selectColorBox    { border: 1px solid #FFFFFF; font-size: 1px; height: 13px; width: 13px; }

/* Webmail Compose - end */

.ecat_subtitle {
background-color:#4176c0;
font-size:14px;
color:#ffffff;
font-family:Arial;
font-weight: bold;
padding-left: 5px;
height: 20px;
}
.frmLeft {
FONT-SIZE: 14px;
color:#333333;
background-color: #F0F0FF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 10px;
font-weight: normal;
text-align: right;
padding-right: 10px;
}

.frmRight {
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #EFEFEF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding-left: 3px;
}
.subsubtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;



text-decoration: none;
background-image: url(/aoimg/theme/default/english/img/subsubtitle_bg.jpg);
text-indent: 5px;
font-weight: bold;
background-repeat: repeat-x;
background-position: bottom;
}
a.subsubtitle:link, a.subsubtitle:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;

}
a.subsubtitle:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF9900;
text-decoration: none;

}

.boxtext {
FONT-SIZE: 11px;
color:#333333;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 5px;
font-weight: normal;
text-align: left;
padding-right: 2px;
font-family: Arial, Helvetica, sans-serif;
border-right-width: 1px;
/*border-left-width: 1px;*/
border-right-style: solid;
/*border-left-style: solid;*/
border-right-color: #DADAEE;
/*border-left-color: #DADAEE;*/
}
.boxtext_highlight {
FONT-SIZE: 14px;
color:#333333;
background-color: #FBF9A2;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 8px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #DADAEE;
border-left-color: #DADAEE;
padding-right: 2px;
}

.boxtext_highlight2  {
FONT-SIZE: 14px;
color:#333333;
background-color: #FBF9A2;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 8px;
font-weight: normal;
padding-right: 2px;
font-family: Arial, Helvetica, sans-serif;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #DADAEE;
border-left-color: #DADAEE;
height: 20px;
}

.ttd_line {
}

/* default css start */

.tab_topline{
background-color:#89B8EE;
height: 4px;
}
.maintitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #3E78C2;
font-weight: normal;
}
.subtitle {
background-color:#4176c0;
font-size:14px;
color:#ffffff;
font-family:Arial;
font-weight: bold;
padding-left: 5px;
height: 20px;
text-decoration: none;
}
a.subtitle:link {
background-color:#4176c0;
font-size:14px;
color:#ffffff;
font-family:Arial;
font-weight: bold;
padding-left: 5px;
height: 20px;
text-decoration: none;
}
a.subtitle:hover {
background-color:#4176c0;
font-size:14px;
color:#FF9900;
font-family:Arial;
font-weight: bold;
padding-left: 5px;
height: 20px;
text-decoration: none;
}
.breadcrumb {
font-size:14px;
font-family:Arial;
color:#4176C0;
line-height: 28px;
padding-left: 5px;
border-bottom-style: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
background-color: #EBEBEB;
padding-right: 5px;
}
a.breadcrumb:link {
font-size:14px;
font-family:Arial;
color:#4176C0;
text-decoration: underline;
}
a.breadcrumb:hover {
font-size:14px;
font-family:Arial;
color:#FF9900;
text-decoration: none;
}
.breadcrumb2 {
font-size:14px;
font-family:Arial;
color:#4176C0;
line-height: 28px;
padding-left: 5px;
border-bottom-style: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
background-color: #EDEDFF;
padding-right: 5px;
}
a.breadcrumb2:link {
font-size:14px;
font-family:Arial;
color:#4176C0;
text-decoration: underline;
}
a.breadcrumb2:hover {
font-size:14px;
font-family:Arial;
color:#FF9900;
text-decoration: none;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
select {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.boxtitle {
FONT-SIZE: 14px;
color:#333333;
background-color: #D0DBFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #AAAAAA;
padding-left: 10px;
font-weight: bold;
text-align: center;
padding-right: 10px;
font-family: Arial, Helvetica, sans-serif;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #E1E1FF;
text-decoration: none;
}
.boxtitle2 {
FONT-SIZE: 14px;
color:#333333;
background-color: #D0DBFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #AAAAAA;
font-weight: bold;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #E1E1FF;
text-decoration: none;
}
.sub_boxtitle {
FONT-SIZE: 14px;
color:#4176C0;
background-color: #EDEDFF;
padding-left: 10px;
font-weight: normal;
padding-right: 10px;
font-family: Arial, Helvetica, sans-serif;
}
.boxtitle_left a {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

.boxtitle_center a {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

.boxtitle_right a {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

.boxtext_center {
FONT-SIZE: 14px;
color:#333333;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 2px;
font-weight: normal;
text-align: center;
padding-right: 2px;
font-family: Arial, Helvetica, sans-serif;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #DADAEE;
border-left-color: #DADAEE;
height: 35px;
}
.boxtitle_right {
FONT-SIZE: 14px;
color:#333333;
background-color: #D0DBFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #AAAAAA;
padding-left: 10px;
font-weight: bold;
text-align: right;
padding-right: 10px;
font-family: Arial, Helvetica, sans-serif;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #E1E1FF;
}
.boxtbl {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #DADAEE;
border-right-color: #DADAEE;
border-bottom-color: #DADAEE;
border-left-color: #DADAEE;
left: 5px;
}

/* eCat Admin Leftbar - start */

.ecattd{
font-size:14px;
font-weight: bold;
color:#FFFFFF;
padding-left: 5px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #54A5FE;
border-bottom-color: #54A5FE;
height: 20px;
border-right-width: 0px;
border-left-width: 0px;
border-right-style: none;
border-left-style: none;
background-color: #7AB9FE;
}

.ecat_menu {
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 100%;
border: 0px;
}

.ecat_menu li a {
color: #000000;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
background-image: url(img/li_arow_right1.gif);
background-repeat: no-repeat;
background-position: 7px center;
text-indent: 8px;
}
* html .ecat_menu li a { /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 100%;
}

.ecat_menu li a:visited, .ecat_menu li a:active{
color: #000000;
}

.ecat_menu li a:hover {
color: #FF6600;
background-color: #FFFFFF;
background-image:url(img/li_arow_right2.gif); /*onMouseover image change. Remove if none*/
}

.ecat_menu a {
color: #000000;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}

.ecat_menu a:visited, .ecat_menu li a:active{
color: #000000;
}

.ecat_menu a:hover {
color: #FF6600;
background-color: #FFFFFF;
}

/* eCat Admin Leftbar - end */
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #006699;
}
.boxtbl_bg {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #F5F5F5;
}
.button_box {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #595959;
text-decoration: none;
background-image: url(/aoimg/theme/default/english/img/button_bg.jpg);
border: 1px solid #B9B9B9;
}
a.button2{
text-decoration: none;
background-image: url(/aoimg/theme/default/english/img/button_bg2.jpg);
font-family: Arial;
font-size: 13px;
font-style: normal;
border: 1px solid #95B3DB;
color: #284B7B;
cursor: pointer;
font-weight: normal;
padding-right: 7px;
padding-left: 7px;
padding-top: 1px;
padding-bottom: 1px;
}

a.buttonOn{ /* Hover state CSS */
color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #6595C9;
border-bottom-color: #6595C9;
border-top-color: #C7D8EB;
border-left-color: #C7D8EB;
background-color: #3E78C2;
}

a.button2:hover{ /* Hover state CSS */
color: #FFFFFF;
background-color: #3E78C2;
background-image: none;
border: 1px solid #000000;
}

a.button3{
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
border: 1px solid #BED0E9;
color: #990000;
cursor: pointer;
font-weight: normal;
padding-right: 7px;
padding-left: 7px;
padding-top: 1px;
padding-bottom: 1px;
background-color: #FFFFFF;
}

a.button3:hover{ /* Hover state CSS */
color: #FFFFFF;
background-color: #3E78C2;
background-image: none;
border: 1px solid #000000;
}
a.button4{
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
padding-right: 12px;
padding-left: 12px;
padding-top: 2px;
padding-bottom: 2px;
}

a.button4:hover{ /* Hover state CSS */
color: #FFCC00;
background-color: #3E78C2;
}

a.button4:visited { /* Hover state CSS */
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding-right: 12px;
padding-left: 12px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
}

a.button4_active{
background-color: #3E78C2;
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
padding-right: 12px;
padding-left: 12px;
padding-top: 2px;
padding-bottom: 2px;
}

a.buttons5{
display: block;
float: left; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */
text-decoration: none;
font-family: Arial;
font-size: 11px;
color: #CC0000;
background-color: transparent;
background-image: url(/aoimg/theme/default/english/img/sticky_button1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 22px;
}

a:link.buttons5,a:visited.buttons5,a:hover.buttons5,a:active.buttons5{
color: #CC0000; /*button text color*/
}

a.buttons5 span{
display: block; /*Set 10px to be equal or greater than'padding-left' value above*/
background-color: transparent;
background-image: url(/aoimg/theme/default/english/img/sticky_button2.gif);
background-repeat: no-repeat;
background-position: right top;
height: 22px;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 0px;

}

a.buttons5:hover{ /* Hover state CSS */
color: #000000;
}

.button6{
text-decoration: none;
font-family: Arial;
font-size: 11px;
font-style: normal;
color: #267BB5;
cursor: pointer;
font-weight: bold;
padding-right: 7px;
padding-left: 7px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #9CBAE0;
border-right-color: #9CBAE0;
border-bottom-style: none;
border-left-style: none;
border-bottom-width: 0px;
border-left-width: 0px;
}


.button6:hover{ /* Hover state CSS */
color: #FF9900;
background-image: none;
}

a.button7{
	text-decoration: none;
	background-image: url(/aoimg/theme/default/english/img/button_bg4.jpg);
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	border: 1px solid #FFD7BB;
	color: #FF6600;
	cursor: pointer;
	font-weight: normal;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
}


a.button7:hover{ /* Hover state CSS */
	color: #FFFFFF;
	background-color: #FC9B5F;
	background-image: none;
	border: 1px solid #FC721F;
}
.button8{
text-decoration: none;
background-color: #FFFFFF;
background-image: url(/aoimg/theme/default/english/img/button_bg2.jpg);
font-family: Arial;
font-size: 11px;
font-style: normal;
border: 1px solid #95B3DB;
margin-right: 3px;
color: #284B7B;
cursor: pointer;
padding-right: 5px;
padding-left: 5px;
font-weight: normal;
}


.button8:hover{ /* Hover state CSS */
color: #FFFFFF;
background-color: #3E78C2;
background-image: none;
border: 1px solid #000000;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.calendar_small_line {
background-color: #B1C8E9;
}
.calendar_bg {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #DADAEE;
border-bottom-color: #DADAEE;
border-left-color: #DADAEE;
}
.calendar_bigtbl {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
font-weight: normal;
background-color: #CCCCCC;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.boxtbl {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
background-color: #FFFFFF;
}
.Tblbg {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
background-color: #FFFFFF;
font-weight: normal;
border: 1px solid #CCCCCC;
}

.caltoday
{
BACKGROUND-COLOR: #FFCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
.calSunday
{
BACKGROUND-COLOR: #FFFF00;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}
.calsun_sat {
background-color: #F2F2F2;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.Tblblue {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #9595FF;
}
.sideweek {
FONT-SIZE: 11px;
font-family: Arial, Helvetica, sans-serif;
background-color: #E4E4E4;
color: #666666;
}

.calendar_small_header {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-color: #6AA2DF;
text-decoration: none;
}
.calendar_small_footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
background-color: #FFFFCC;
font-weight: bold;
}
a.calendar:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #595959;
text-decoration: none;
}
a.calendar:hover {
font-size: 11px;
color: #FF9900;
text-decoration: none;
}
a.calendar:visited {
font-size: 11px;
text-decoration: none;
}
a.calendar:active {
font-size: 11px;
text-decoration: none;
}
a.calendar2:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #595959;
text-decoration: none;
}
a.calendar2:hover {
font-size: 11px;
color: #FF9900;
text-decoration: none;
}
a.calendar2:visited {
font-size: 11px;
text-decoration: none;
}
a.calendar2:active {
font-size: 11px;
text-decoration: none;
}
.calendar_big_header {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
font-weight: bold;
}
.calendar_quicktext {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
text-decoration: none;
}
.cal_event {
font-family: Tahoma;
font-size: 10px;
color: #666666;
padding-left: 5px;
}
a.cal_event:link {
color: #666666;
font-family: Tahoma;
font-size: 10px;
}
a.cal_event:hover {
color: #666666;
font-family: Tahoma;
font-size: 10px;
}
.cal_search_result {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
background-color: #F0F0FF;
}
.remarktbl {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #1F5E92;
background-color: #FFFFCC;
border: 1px solid #B1C7E4;
}
.remarktbl2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFE6;
	border: 1px solid #B1C7E4;
	padding: 5px;
	line-height: 17px;
}
.frmRight2 {
FONT-SIZE: 14px;
color:#333333;
background-color: #F0F0FF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 10px;
font-weight: normal;
padding-right: 10px;
}
.body_bg {
background-image: url(/aoimg/theme/default/english/img/main_bg.jpg);
}
.main_pic {
background-image: url(/aoimg/theme/default/english/img/main_pic.jpg);
background-repeat: no-repeat;
}
.main_small_tbl {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-bottom-color: #999999;
}
.vasp {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #E6E6E6;
}
.main_small_header {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #6AA2DF;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-top-style: none;
text-indent: 3px;
}
a.main_small_header:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
}
a.main_small_header:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FF9900;
}
.vertical_dotline {
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #CCCCCC;
}
.meeting_user {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
text-decoration: none;
background-color: #EBEBEB;
text-indent: 5px;
}
.meeting_userlist {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #55A3FF;
}
a.meeting_userlist:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #55A3FF;
text-decoration: none;
}
a.meeting_userlist:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF9900;
text-decoration: none;
}
.meeting_client {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #006699;
text-decoration: none;
}
a.meeting_client:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #006699;
}
a.meeting_client:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FF9900;
}
a.meeting_user:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
text-decoration: none;
}
a.meeting_user:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF9900;
text-decoration: none;
}
.meeting_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-indent: 5px;
line-height: 15px;
}
.boxtbl_meeting {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #DADAEE;
border-right-color: #DADAEE;
border-bottom-color: #DADAEE;
border-left-color: #DADAEE;
left: 5px;
background-color: #F5F5F5;
}
.meeting_leftframe_head {
background-color: #96C8FE;
}
.boxtitle_left {
FONT-SIZE: 14px;
color:#333333;
background-color: #D0DBFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #AAAAAA;
padding-left: 8px;
font-weight: bold;
padding-right: 8px;
font-family: Arial, Helvetica, sans-serif;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #E1E1FF;
}
.boxtitle_left2 {
	FONT-SIZE: 14px;
	color:#333333;
	background-color: #D0DBFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAAAAA;
	padding-left: 8px;
	font-weight: bold;
	padding-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E1E1FF;
	padding-top: 2px;
	padding-bottom: 2px;
}
.meeting_blue {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0000FF;
}
.meeting_green {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #008000;
}
.meeting_orange {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF6600;
}
.meeting_purple {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #800080;
}
.meeting_pink {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF0080;
}
.table_tr_over {
background-color:#EEEEEE;
FONT-SIZE: 14px;
}
.table_tr_out  {
FONT-SIZE: 14px;
color:#333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 8px;
font-weight: normal;
padding-right: 2px;
font-family: Arial, Helvetica, sans-serif;
border-right-width: 1px;
/* border-left-width: 1px; */
border-right-style: solid;
/* border-left-style: solid; */
border-right-color: #DADAEE;
/* border-left-color: #DADAEE;*/
/* height: 26px;*/
}
.table_tr_out_center  {
FONT-SIZE: 14px;
color:#333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 3px;
font-weight: normal;
padding-right: 2px;
font-family: Arial, Helvetica, sans-serif;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #DADAEE;
border-left-color: #DADAEE;
height: 20px;
text-align: center;
}
.table_tr_out_right  {
FONT-SIZE: 14px;
color:#333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 3px;
font-weight: normal;
padding-right: 7px;
font-family: Arial, Helvetica, sans-serif;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #DADAEE;
border-left-color: #DADAEE;
height: 20px;
text-align: right;
}
.tabtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #006699;
text-decoration: none;
}
.tabsubtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #006699;
text-decoration: none;
font-weight: bold;
}
.mandatory_field {
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #FF0000;
font-size: 14px;
}
.labelsmall {
FONT-SIZE: 13px;
color:#4176C0;
background-color: #EDEDFF;
padding-left: 10px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
.left_bar {
background-image: url(/aoimg/theme/default/english/img/left_bar.jpg);
background-repeat: repeat-y;
}

/*---------- bubble tooltip -----------*/
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #FF9900; }
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px;
left:0;
width:200px;
color: #003399;
text-align: left;



filter: alpha(opacity:99);
KHTMLOpacity: 0.99;
MozOpacity: 0.99;
opacity: 0.99;
padding-top: 15px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
a.tt:hover span.top{
display: block;
background: url(/aoimg/theme/default/english/img/bubble.gif) no-repeat top;
padding-top: 15px;
padding-right: 8px;
padding-bottom: 0;
padding-left: 8px;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px; 
background: url(/aoimg/theme/default/english/img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(/aoimg/theme/default/english/img/bubble.gif) no-repeat bottom;
}
/*-----------------------------------------*/

.shadetabs{
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #A9C7E9;
}

.shadetabs ul{
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
padding-top: 5px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 0;
}

.shadetabs li{
display: inline;
margin: 0;
padding: 0px;
}

.shadetabs li a{
text-decoration: none;
color: #000000;
padding-top: 2px;
padding-right: 18px;
padding-bottom: 2px;
padding-left: 18px;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #E1E1E1;
border-right-color: #E1E1E1;
background-color: #FFFFFF;
margin: 0px;
border-left-width: 0px;
border-left-style: none;
}

.shadetabs li a:visited{
color: #000000;
}

.shadetabs li a:hover{
text-decoration: none;
border-top-width: 2px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #A9C7E9;
border-right-color: #A9C7E9;
background-color: #EDEDFF;
}

.shadetabs li.selected{
position: relative;
top: 2px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
padding-bottom: 5px;
font-size: 14px;
}

.shadetabs li.selected a{ /*selected main tab style */
padding-top: 6px;
padding-bottom: 3px;
border-bottom-color: #FFFFFF;
background-color: #EDEDFF;
border-top-width: 2px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #A9C7E9;
border-right-color: #A9C7E9;
margin: 0px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #A9C7E9;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/*-----------------------------------------*/
.subtab_bg {
background-color: #759BDD;
}

/*-----------------------------------------*/
.hint {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 300px;
color: #999999;
display: none;
padding-left: 0px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
margin-left: 0px;
}
.textarea {
background-color: #FFFFFF;
padding-right: 2px;
padding-left: 2px;
width: 267px;
overflow: auto;
border: none;
}

/*------------------- webmail ----------------------*/
.mail_bg {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
background-color: #D7E6F4;
}
.mail_frame {
background-color: #FFFFFF;
border: 1px solid #BACBFC;
font-family: Arial, Helvetica, sans-serif;
}

.mail_tbar {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background-image: url(/aoimg/theme/default/english/img/mail_topbg.jpg);
background-repeat: repeat-x;
padding-left: 6px;
padding-bottom: 6px;
}
.mail_leftbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 19px;
}
.marked {
background-color: #EEEEEE;
}

.odd_row td{
	FONT-SIZE: 14px;
	color:#333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADAEE;
	padding-left: 8px;
	font-weight: normal;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DADAEE;
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DADAEE;*/
	height: 18px;
}

.even_row td{
FONT-SIZE: 14px;
color:#333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DADAEE;
padding-left: 8px;
font-weight: normal;
padding-right: 2px;
font-family: Arial, Helvetica, sans-serif;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #DADAEE;
/* border-left-style: solid;
border-left-width: 1px;
border-left-color: #DADAEE;*/
height: 18px;
}

tr.odd_row:hover,
tr.even_row:hover,
tr.odd_row:hover a,
tr.even_row:hover a {
background-color: #EEEEEE;
}

/*------------------- AnyLink CSS Menu ----------------------*/

.anylinkcss{
position:absolute;
visibility: hidden;
border-bottom-width: 0;
z-index: 100;
background-color: #D8EDFE;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
width: 100px;
line-height: 18px;
text-align: left;
}

.anylinkcss a{
display: block;
text-indent: 5px;
border-bottom: 1px solid black;
text-decoration: none;
font-weight: normal;
text-indent: 5px;
color: #000000;
padding-top: 1px;
padding-right: 5;
padding-bottom: 1px;
padding-left: 0;
text-align: left;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #3E78C2;
color: #FFFFFF;
text-align: left;
}

/*------------------- top and side frame start ----------------------*/
.topnavi_bg {
font-family: Arial, Helvetica, sans-serif;
background-image: url(/aoimg/theme/default/english/img/topnavi_bg.jpg);
background-repeat: repeat-x;
}

.topnavi_bg2 {
font-family: Arial, Helvetica, sans-serif;
background-image: url(/aoimg/theme/default/english/img/topnavi_bg2.jpg);
background-repeat: repeat-x;	

}
#vista_toolbar {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
position: relative;
left: 80px;
top: -62px;
width: 85%;
}

#vista_toolbar ul {
list-style:none;
height: 63px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 2px;
padding-left: 6px;
}
#vista_toolbar li {
display:inline;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left; /* left 3 px because of left.png image */
text-decoration:none;
padding-left: 3px;
}

#vista_toolbar a span {
display:block;
float:none;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 7px;
}

#vista_toolbar a span img {
border:none;
padding-top: 3px;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background-image: url(/aoimg/theme/default/english/img/left2.png);
background-repeat: no-repeat;
background-position: left center;
}

#vista_toolbar a:hover span {
background-image: url(/aoimg/theme/default/english/img/right2.png);
background-repeat: no-repeat;
background-position: right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

#vista_toolbar2 {
height:100%; /* works only if parent container is assigned a height value */
float:left;
padding:0px;
width: 60px;
margin: 0px;
}

#vista_toolbar2 ul {
list-style:none;
width:60px;
height: 100%;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
#vista_toolbar2 li {
display:inline;
padding:0;
}

#vista_toolbar2 a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#vista_toolbar2 a span {
display:block;
float:none;
padding-top: 6px;
padding-right: 9px;
padding-bottom: 5px;
padding-left: 7px;
}

#vista_toolbar2 a span img {
border:none;
margin-top: 3px;
margin-right: 4px;
margin-bottom: 0;
margin-left: 0;
}

/* show picture when mouse over link */
#vista_toolbar2 a:hover{
background-image: url(/aoimg/theme/default/english/img/left1.png);
background-repeat: no-repeat;
background-position: left center;
}

#vista_toolbar2 a:hover span {
background-image: url(/aoimg/theme/default/english/img/right1.png);
background-repeat: no-repeat;
background-position: right center;
}

#vista_toolbar2 a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}
.sidenavi_bg {
font-family: Arial, Helvetica, sans-serif;
background-image: url(/aoimg/theme/default/english/img/sidenavi_bg.jpg);
background-repeat: repeat-y;
}

/* ---------- Left navi start -----------------*/

.leftbar-bg{
background:#84B8EC;
font-size:11px;
}

.leftbartd{
font-size:11px;
font-weight: bold;
color:#FFFFFF;
padding-left: 5px;
border-top-width: 0px;
border-bottom-width: 1px;
border-top-style: none;
border-bottom-style: solid;
border-bottom-color: #A4CAF0;
height: 20px;
border-right-width: 0px;
border-left-width: 0px;
border-right-style: none;
border-left-style: none;
background-color: #6CAAE8;
padding-top: 3px;
padding-bottom: 3px;
}

.leftbar_menu {
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 100%;
border: 0px;
background-color: #C1DAF4;
}

.leftbar_menu li a {
color: #003399;
display: block;
width: auto;
padding-left: 7px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A7D1EE;
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
}
* html .leftbar_menu li a { /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 100%;
}

.leftbar_menu li a:visited, .leftbar_menu li a:active{
color: #003399;
}

.leftbar_menu li a:hover {
color: #003399;
background-color: #DAE9F8;
}

.leftbar_menu a {
color: #003399;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A7D1EE;
}

/*------------------------------------*/

#nav {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #C1DAF4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A7D1EE;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav li {
	background-color: #C1DAF4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A7D1EE;
}
#nav a {
	font-weight: normal;
	text-decoration: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	color: #003399;
}


#nav li.current {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003399;
}


/* ------------ menu page list ------------- */
.boxli {
display: block;
list-style-type: none;
margin: 3px;
float: left;
text-align: center;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
border: 1px solid #DDECFF;
width: 100px;
}

.boxli:hover {
display: block;
width: 100px;
list-style-type: none;
margin: 3px;
float: left;
text-align: center;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
background-color: #EAF4FF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: outset;
border-right-style: outset;
border-bottom-style: outset;
border-left-width: 1px;
border-left-style: outset;
}

/* ----------- storage button ------------- */
button.cssbutton.glass span,a.cssbutton.glass span,div.cssbutton.glass input {
height:25px;
line-height:25px;
}

/* 	Name: 	glass a 
Desc:	Blue Button	*/
/* 	Right Background	*/
button.cssbutton.glass.a span,a.cssbutton.glass.a span,div.cssbutton.glass.a input {
background:url("/aoimg/storage/images/glass_aRight.gif") no-repeat right 0;
}
/* 	Left (Wedges) Background	*/	
button.cssbutton.glass.a,a.cssbutton.glass.a,div.cssbutton.glass.a {
background:url("/aoimg/storage/images/glass_aLeft.gif") no-repeat 0 center;
}
/* 	:hover Right Background	*/	
button.cssbutton.glass.a:hover span,a.cssbutton.glass.a:hover span,div.cssbutton.glass.a:hover input {
background:url("/aoimg/storage/images/glass_aRight.gif") no-repeat right 100%;
}
/* 	:hover Left (Wedges) Background	*/	
button.cssbutton.glass.a:hover,a.cssbutton.glass.a:hover,div.cssbutton.glass.a:hover {
background-image: url(/aoimg/storage/images/glass_aLeft.gif);
background-repeat: no-repeat;
background-position: -195px center;
}
button.cssbutton {
	border:0;
	text-align:center;
	cursor:pointer;
	margin: 0;
	padding: 0;
}
button.cssbutton span {
	color:#006699;
	display:block;
	cursor:pointer;
	position:relative;
	white-space:nowrap;
	height:25px;
	margin-left:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 2px;
} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */

a.cssbutton {border:0;float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none;}
a.cssbutton span {
	color:#006699;
	display:block;
	float: left;
	white-space:nowrap;
	height:25px;
	margin-left:2px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 2px;
} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */

div.cssbutton {border:0; float:left; text-align:center; padding:0; margin:0; cursor:pointer;}
div.cssbutton input {
border:0;
color:#006699;
display:block;
cursor:pointer;
float:left;
white-space:nowrap;
height:23px;
margin-left:2px;
font-family: Verdana;
font-size: 11px;
line-height: 23px;
font-weight: bold;
padding-top: 0;
padding-bottom: 0;
} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */

/* ----------- storage search button ------------- */
#search_box {
width: 207px;
height: 27px;
background: url(/aoimg/storage/images/bg_search_box.jpg);
}
#search_box #s {
float: left;
border: 0;
width: 170px;
background: none;
margin: 0px;
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
padding-left: 5px;
}
#search_box #go {
float: right;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0;
}

/* ----------- end storage search button  ------------ */
.storage_title  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3E78C2;
	text-decoration: none;
	background-image: url(/aoimg/theme/default/english/img/storage_titlebg.jpg);
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: bottom;
}
a.storage_title:link, a.storage_title:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #3E78C2;
	text-decoration: none;

}
a.storage_title:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;

}

.stable_tr_over {
	background-color:#F0F4FF;
	FONT-SIZE: 14px;
}
.stable_tr_out  {
	FONT-SIZE: 14px;
	color:#333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADAEE;
	padding-left: 2px;
	font-weight: normal;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	border-right-style: none;
	border-left-style: none;
	height: 20px;
	text-decoration: none;
}
.stable_text  {
	FONT-SIZE: 13px;
	color:#333333;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 25px;
}
a.stable_text:link  {
	FONT-SIZE: 13px;
	color:#333333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.stable_text:hover  {
	FONT-SIZE: 13px;
	color:#FF9900;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.sdescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E78C2;
	text-decoration: none;
	line-height: 18px;
}
.stable_tr_out_left  {
	FONT-SIZE: 14px;
	color:#666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADAEE;
	padding-left: 8px;
	font-weight: normal;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	border-right-style: none;
	border-left-style: none;
	height: 35px;
	text-align: left;
}
.stable_tr_out_center  {
	FONT-SIZE: 14px;
	color:#666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADAEE;
	padding-left: 3px;
	font-weight: normal;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	border-right-style: none;
	border-left-style: none;
	height: 35px;
	text-align: center;
}
.stable_tr_out_right  {
	FONT-SIZE: 14px;
	color:#666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADAEE;
	padding-left: 3px;
	font-weight: normal;
	padding-right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	border-right-style: none;
	border-left-style: none;
	height: 35px;
	text-align: right;
}
.sdate_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
}
.ads_box {
	border: 1px solid #BDD1EC;
	width: 180px;
	padding: 6px;
	background-color: #FFFFFF;
}
.ads_box2 {
	border: 1px solid #CCCCCC;
	width: 180px;
	padding: 6px;
	background-color: #E6E6E6;
}
.ads_box2 {
	border: 1px solid #CCCCCC;
	width: 180px;
	padding: 6px;
	background-color: #E6E6E6;
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	padding-right: 10px;
}

/******* input file button ********/

#divinputfile{
	background:url(/aoimg/storage/images/button_browse.jpg) no-repeat 100% 1px;
	height:28px;
	width:385px;
	margin:0px;
}

#divinputfile #filepc{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:18px;
}

#fakeinputfile{
	margin-top:-28px;
}

#fakeinputfile #fakefilepc{
	width:265px;
	height:22px;
	font-size:18px;
	font-family:Arial;
}


/*------ END: input file button ------*/


/******* Storage main img div ********/
.borderimage{
	border:1px solid #EBEBEB;
}
/*------ END: Storage main img div ------*/


/******* jquery tooltips ********/
.tipsy { padding: 5px; font-size: 11px;	position: absolute;	z-index: 100000; font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-weight: bold; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #FF6600; color: white; max-width: 200px; text-align: left; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url("/aoimg/storage/images/tipsy.gif") no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/*------ END: jquery tooltips ------*/


FNAME {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/*------ Start jjmenu (click menu at storage) -------*/
tr.menu td { cursor: pointer}
div.jjmenu {
	position:absolute;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border: 1px solid #9DCEFF;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	box-shadow: 2px 2px 4px #ccc;
	-moz-box-shadow: 2px 2px 4px #ccc;
	-webkit-box-shadow: 2px 2px 4px #ccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

div.jj_menu_item {
	color:#333333;
	cursor:pointer;
	background-repeat: no-repeat;
}

div.jj_menu_item span {
	display:block;
	padding-top: 2px;
	padding-right: 25px;
	padding-bottom: 2px;
	padding-left: 4px;
}

div.jj_menu_item_more span {
	background:url(more.gif)  right no-repeat;	
}
div.jj_menu_item_more span {
	padding-right:20px;
}

div.jj_menu_item_hover {
	background-color: #D7EBFF;
	color: #0066CC;
}
/*------ End jjmenu (click menu at storage) -------*/

/******* workflow action list - hover row ********/
a.edit {
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a.edit.selected {
	text-decoration: none;
	border-bottom-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.trow {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADAEE;
	padding: 5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.data  a{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.dataover {
	background-color: #E5E5E5;
	text-decoration: none;
}
.pic {
	display: block;
	text-indent: -99999px;
	background-image: url(/aoimg/theme/default/english/img/ppl1.png);
	width: 30px;
	background-position: top;
	background-repeat: no-repeat;
	height: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.pic:hover {
	background-position: bottom;
}
.tableRollOverEffect1  {
	background-color:#E5E5E5;
	text-decoration: none;
	color: #000000;
}
	
.tableRowClickEffect1 {
	background-color:#3E78C2;
	text-decoration: none;
	color: #FFFFFF;
}

.tableRowClickEffect1 a {
	background-color:#3E78C2;
	text-decoration: none;
	color: #FFFFFF;
}

/******* END: workflow action list - hover row ********/


/******* Surveillance tabs ********/
.indentcontent{
	width: auto; /*leave this value as is in most cases*/
	min-width: 700px;
	min-height: 80%;
	font-family: Arial;
	font-size: 14px;
	border: 1px solid #BACBFC;
	margin-top: -1px;
	padding-top: 30px;
	padding-bottom: 20px;
	height: 87%;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.indentmenu{
	width: 100%; /*leave this value as is in most cases*/
	font-family: Arial;
	font-size: 14px;
	margin-bottom: -1px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.indentmenu ul{
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.indentmenu ul li{
	display: inline;
	padding: 0px;
}

.indentmenu ul li a{
	float: left;
	color: #3E78C2;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	background-color: #C1DAF4;
	margin-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BACBFC;
	border-right-color: #BACBFC;
	border-bottom-color: #BACBFC;
	border-left-color: #BACBFC;
	text-align: center;
}

.indentmenu ul li a:visited{
	color: #3E78C2;
}

.indentmenu ul li a:hover{
	background-color: #FFFFFF;
}

.indentmenu ul li a.selected{
	color: black !important;
	padding-top: 5px; /*shift text down 1px*/
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/******* END: Surveillance tabs ********/

/******* START: Surveillance formwizard ********/
fieldset.sectionwrap{ /*fieldset that wraps around each form "page" */
	border: 1px solid #84B8EC;
	background-color: #E6EEFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

legend{ /*title shown at top of each form page */
	font:bold 12px Arial;
	color: #3E78C2;
	padding: 0px;
}

div.stepsguide{ /*div that contains all the "steps" text located at top of form */
	width: 100%; /*width of "steps" container*/
	overflow:hidden;
	margin-bottom:30px;
	cursor:pointer;
	margin-left: 20px;
}

div.stepsguide .step{ /*div that wraps around each "steps" text */
	width:135px;
	float:left;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
}

div.stepsguide .disabledstep{ /*div that wraps around each "steps" text */
color:#C4C4C4;
}

div.stepsguide .step .smalltext{ /*small footer text inside "steps" text */
font-size: 13px;
font-weight: normal;
}

div.formpaginate{ /* CSS for pagination DIV container */
	width: 600px;
	overflow:hidden;
	font-weight:bold;
	text-align:center;
	margin-top:1em;
	padding-left: 0px;
}

div.formpaginate .prev{ /*CSS for "prev" and "next" SPAN elements within paginate container */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:2px 10px;
	color:#006699;
	cursor:hand;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(/aoimg/theme/default/english/img/bg_btn2.gif);
	line-height: 17px;
	border: 1px solid #84B8EC;
	background-repeat: no-repeat;
	background-position: -1px -1px;
}
div.formpaginate .next{ /*CSS for "prev" and "next" SPAN elements within paginate container */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:2px 10px;
	background:darkred;
	color:#006699;
	cursor:hand;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(/aoimg/theme/default/english/img/bg_btn2.gif);
	line-height: 17px;
	border: 1px solid #84B8EC;
	background-repeat: no-repeat;
	background-position: -1px -1px;
}
/******* END: Surveillance formwizard ********/


/******* START: SM validator field ********/
.field_highlight 
{
	background-image: none !important;
	background-color: #FFD9D9 !important;
	color: #000000;
}


.alertbox
{
	position: absolute;
	padding-left: 45px;
	width: 216px;
	background: url(/aoimg/theme/default/english/img/arrow_grey.gif) no-repeat left top;
	color: #FFFFFF;
}

.alertbox div
{
	min-height: 34px;
	width: 200px;
	padding: 8px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #666666;
}
/******* END: SM validator field ********/


/******* START: SM Quotation ********/


.boxtbl2 {
	left: 5px;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #999999;
	border-bottom-color: #333333;
	border-left-color: #999999;
}

.table_header  {
	FONT-SIZE: 14px;
	color:#000000;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-left: 8px;
	font-weight: bold;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	height: 20px;
	background-color: #A9C7E9;
	border-bottom-width: 3px;
}

.table_td  {
	FONT-SIZE: 14px;
	color:#333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 8px;
	font-weight: normal;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.table_total {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E4EEF8;
	border-top-width: 1px;
}


/******* END: SM Quotation ********/




/******* NEW : Bootstrap CSS ********/

.label {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 6px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

a.label:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-warm {
  background-color: #f89406;
}

.label-hot {
	background-color: #FF0000;
}

.label-cold {
	background-color: #0066FF;
}