/* REQUIRED CLASSES :*/
BODY {
	background-color: #FFFFFF;/*/#AEAEB1;*/
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 10pt;
}

img {
	vertical-align: middle;
}

ul {
	margin-left: 25px;
}

dl {
	margin-top: 0px; padding-left: 1px;
}
dt {
	margin-top: 0.5em;
	color: #000099;
	font-weight: bold;
}
dd {
	margin-bottom: 0px; margin-left: 1.5em;
}


em {
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

A:link {
	color: #08245b;
	text-decoration: none;
}

A:visited {
	color: #08245b;
	text-decoration: none;
}

A:active {
	color: red;
	text-decoration: none;
}

A:hover {
	color: #E17009;
	text-decoration: none;
}

TD {
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt
}

TR {
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt
}

h1, .title {
	font-size: 16px;
	font-weight: bold;
	font-family: Osaka,verdana,Sans-Serif;
	color: #08245b;
	margin-bottom: 0px;
	margin-top: 5px;
}

h2, .subtitle {
	font-size: 12px;
	font-weight: bold;
	font-family: Osaka,verdana,Sans-Serif;
	color: #666;
	margin-bottom: 0px;
	margin-top: 15px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	font-family: Osaka,verdana,Sans-Serif;
	color: #08245b;
	margin-bottom: 0px;
	margin-top: 35px;
}

bordertable {
	border: 1px black solid;
}

.bordertable{
 border: 1px black solid;
}

/*/.button{
	//border: 1px #CCCCCC solid;
	//font-family: Osaka,verdana,Sans-Serif;
	//font-size: 9pt;
	//cursor: pointer;
	//padding: 3px 4px 3px 6px;
	/*width: 100px; too small for some translations*/
/*/}*/

.ui-button { font-family: Osaka,verdana,Sans-Serif; font-size: 9pt; outline: 0; margin:0; padding: .2em 0.3em .2em; text-decoration:none; !important; cursor:pointer; position: relative; text-align: center; }

.smallButton{
	border: 1px #CCCCCC solid;
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8.5pt;
	cursor: pointer;	
}

.button img {
	margin-right: 4px;
}

.item {
	color: #08245b;
}

.ok {
	color: green;
}
.text{
	/**border: 1px #c5dbec solid;**/
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 9pt;
	height: 18pt; /*Select boxes are too small in Mozilla */
	border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
SELECT {padding: 1px;}
TEXTAREA {
	font-family: Osaka,verdana,helvetica,arial,sans-serif;
	font-size: 9pt;
	border: 1px #c5dbec solid;-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.textarea {
	font-family: Osaka, verdana,helvetica,arial,sans-serif;
	font-size: 9pt;
	border: 1px #c5dbec solid;
}

textarea.small {
	border: 1px #c5dbec solid;
	font-family: Osaka, verdana,Sans-Serif;
	font-size: 8pt;
}

/* dotProject Top Banner and Top Nav Customization */
TH.banner {
	background-color: #08245b;
	color: #fff
}

TD.nav {
	border: 1px solid #848284;
	background-color: #d5d3ce;
	color: #000
}

/*
**********************************
Begin IE TD buttonizing
**********************************
*/

TD.clsBtnUp {
	cursor: hand;
	color: #FFFFFF;
	padding: 0 3;
	border: inset 2px;
}

TD.clsBtnDown {
	cursor: hand;
	color: #FFFFFF;
	padding: 0 3;
	border: inset 2px;
}

TD.clsBtnOn {
	cursor: hand;
	color: #FFFFFF;
	padding: 0 3;
	border: outset #eeeeee 2px;
}

TD.clsBtnOff {
	color: #FFFFFF;
	padding: 0 3;
	tab-index: 0;
	border: solid #559999 2px;
}

TD.topBtnOff {
	color: #FFFFFF;
	padding: 0 3;
	tab-index: 0;
	border: solid #cccccc 2px;
}

TD.nav {
	color: #FFFFFF;
}

/* Standard table 'spreadsheet' style */
table.tbl {
	background: #e9e7da;/*/#a5cbf7;*/
}

table.tbl TH {
	background-color: #F5F5F5;
/*/	background: #DFEFFC url(images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50%;*/
	background: #DFEFFC url(images/ui-bg_glass_85_dfeffc_1x400.png) top left repeat-x;
	color: #2E6E9E;
	list-style-type: disc;
	list-style-position: inside;
	/*/border: outset #D1D1CD 1px;*/
	font-weight: normal;
	text-align:center;
	height: 25px;
}

table.tbl td {
	background-color: #ffffff;
	height: 25px;
}

/* a 'standard' table */
table.std {
	border: none;
	background: #ffffff;
}
table.std TH {
	background-color: #F5F5F5;
	color: #666666;
	list-style-type: disc;
	list-style-position: inside;
	height: 25px;
}

table.std td.hilite {
	background-color: #ffffff;
	height: 25px;
	padding: 5px 10px 5px 8px;
}

/* contacts table */
table.contacts {
	background-color: #D5D5D5;
}

table.contacts td {
	background-color: #FBFFE0;
}

table.contacts td.hilite {
	background-color: #ffffff;
}

/* links in header blocks */
A.hdr:link, A.hdr:active, A.hdr:visited {
	color: #2E6E9E;
}

/* tabbed boxes */
td.tabon {
	background-image: url('images/tabSelectedBg.png');
}
td.taboff {	
	background-image: url('images/tabBg.png');	
}
td.tabsp {
	border-bottom: solid #ffffff 1px;
}
td.tabox {
	//background-color: #a5cbf7;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 1px;
	border-top: solid #CCCCCC 1px;
}

/* Message styles */
.warning {
	color: red
}
.error {
	color: red
}
.message {
	color: #08245b;
}

.no_ {
	color: red
}

/* popup calendar */
body.popcal {
	background-color: #f0f0f0;
}

table.poptitle {
	background-color: #ffffff;
}
table.poptitle td {
	background-color: #ffffff;
}
table.poptitle th {
	background-color: #ffffff;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

table.popcal {
	background-color: #cccccc;
}

table.popcal th {
	background-color: #ffffff;
	color: #000000;
	font-family: Osaka,helvetica,arial,sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

table.popcal td {
	background-color: #ffffff;
	font-family: Osaka,helvetica,arial,sans-serif;
	font-size: 8pt;
	text-align: center;
}

table.popcal td.empty {
	background-color: #e0e0e0;
}

table.mocal td.day  {
	background-color: #ffffff;
	text-align: center;
}

table.popcal td.today {
}

table.popcal td.weekend {
	background-color: #f0f0f0;
}

table.popcal a:link,
table.popcal a:visited {
	color: #0000ff;
	text-decoration: none;
}

table.popcal a.today:link,
table.popcal a.today:visited {
	color: #ff0000;
	font-weight: bold;
}

table.popcal a.weekend:link,
table.popcal a.weekend:visited {
	color: #0000aa;
}

table.popcal a.empty:link,
table.popcal a.empty:visited {
	color: #777777;
}

/* month calendar - title area */
table.motitle {
	background-color: #d5d5d5;
}
table.motitle td {
	background-color: #f0f0f0;
}
table.motitle th {
	background-color: #f0f0f0;
	font-size: 10pt;
}

table.mocal {
	background-color: #777777;
}
table.mocal th {
	background-color: #F5F5F5;
	color: #666666;
}
table.mocal td {
}
table.mocal td.week {
	vertical-align: top;
	background-color: #F5F5F5;
	height: 80px;
}
table.mocal td.empty {
	background-color: #e0e0e0;
	color: #aaaaaa;
	text-align: left;
	vertical-align: top;
	height: 80px;
}
table.mocal td.day  {
	background-color: #ffffff;
	color: #333366;
	text-align: left;
	vertical-align: top;
	height: 80px;
}
table.mocal td.today {
	background-color: #FBFFE0;
	color: #000000;
	text-align: left;
	vertical-align: top;
}

table.mocal td.weekend {
	background-color: #f0f0f0;
	text-align: left;
	vertical-align: top;
}

table.mocal .event {
}

/* mini calendar - title area */
table.minititle {
}
table.minititle td {
}
table.minititle th {
	font-weight: normal;
}

table.minical {
}
table.minical th {
	font-weight: normal;
}
table.minical td {
}
table.minical td.week {
}
table.minical td.empty {
	color: #aaaaaa;
}
table.minical td.day  {
	text-align: center;
}
table.minical td.today {
	background-color: #e0e0e0;
	text-align: center;
}
table.minical td.weekend {
	text-align: center;
}
table.minical .event {
}

/* daily calendar */
table.tbl td.event {
        background-color: #fff0b0;
}

table.tbl td.event td {
	background-color: #fff0b0;
}

.hidden {display:none;}

.grey:hover {
	background-color: #DAF1C2;
}

.grey {
	background-color:#F5F5F5;
	border-left:1px solid #F5F5F5;
	border-top:1px solid #F5F5F5;
	color: #76b00a;/*/#666666;*/
}

.green:hover {
	background-color:#A6F15B;
}

.green {
	background-color: #DAF1C2;
	border-left: 1px solid #F5F5F5;
	border-top: 1px solid #F5F5F5;
	color: green;
}

.blockTitle h2.title {
	border-bottom:2px solid #DCDCDC;
	color: #444444;
	font-size:10pt;
	font-weight: bold;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.lightblue {
	background-color: #F0FFFF;
}

.lightyellow {
	background-color: #FBFFE0;
}

.detailRowLabel {
	background-color: #f6f6f6;	
	border-bottom: 1px solid;
	border-color: #CBDAE6;
	color: #000000;
	width: 200px;
	text-align: right;
}

.detailRowField {
	background-color: #ffffff;	
	border-bottom: 1px solid;
	border-color: #CBDAE6;
	color: #444444;
}

.searchBox{
	border: 1px solid #DCDCDC;
	background-image: url('images/magnifier.png');
	background-repeat: no-repeat;
	padding-left:20px;
	font-size: 8.5pt;
}

/*/cuongvnm begin : 11/07/2009*/
   li a {display:inline-block;}
   li a {display:block;}
p {
  line-height: 1em;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  /*background: #333;
  color: #fff;	
  padding: 0.5em; */
/*/  border: 1px solid #4297d7; */
  background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; 
  color: #ffffff; 
  font-weight: bold;
  padding: 0.3em; 
}

ul#menu li a:hover {
 // background: #000;
 background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
 color: #2e6e9e;
}

ul#menu li ul li a {
  /*background: #ccc;
  color: #000;
  padding-left: 20px; */
  border-top: 1px solid #c5dbec;
  border-bottom: 1px solid #c5dbec;  
  background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; 
  font-weight: normal;
  color: #2e6e9e; 
  outline: none;
  padding-left: 20px;
}

ul#menu li ul li a:hover,ul#menu li ul li a:active {
  background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
  padding-left: 15px;
  border-left: 5px #5c9ccc solid;
}

ul#menu li ul li a.menu_current {
  background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
  padding-left: 15px;
  border-left: 5px #5c9ccc solid;
}
ul#menu li ul li a.menu_hover {
  background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
  padding-left: 15px;
  border-left: 5px #5c9ccc solid;
}
/*/cuongvnm end*/