html, body {font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; behavior:url(/includes/css/csshover.htc); margin:0px;}

#wrapper {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.bold {font-weight:bold;}
.header {font-size:17px; font-weight:600; margin-bottom:25px; margin-top:10px; color:#000;}
.headerbar {height:23px; padding: 7px 0px 0px 15px; color:#fff; font-weight:bold; text-align:left; background: url(/images/bggraygradient.gif) repeat-x right top; background-color:#000;}
.headerbar a, .headerbar a:link, .headerbar a:visited, .headerbar a:active {color:#FFF;}
.boxlink {font-weight:bold; text-decoration:none; color:#000000; background-color:#F1F1F1; margin-right:5px; padding:2px 10px 2px 10px; border: 1px solid #DBDBDB;}
p.breakhere {page-break-before: always;}
h4 {color:#536E91; margin-bottom:5px; font-size:17px;}

a:link.boxlink		{color:#000000; text-decoration: none;}
a:visited.boxlink	{color:#000000; text-decoration: none;}
a:active.boxlink	{color:#000000; text-decoration: none;}
a:hover.boxlink		{color:#000000; text-decoration: none;}

body a:link		{color: #000000; text-decoration: underline;}
body a:visited	{color: #000000; text-decoration: underline;}
body a:active	{color: #000000; text-decoration: underline;}
body a:hover	{color: #0044C2; text-decoration: underline;}

.projecttitle a:link	{color: #000000; text-decoration: underline;}
.projecttitle a:visited	{color: #000000; text-decoration: underline; font-weight: normal;}
.projecttitle a:active	{color: #000000; text-decoration: underline;}
.projecttitle a:hover	{color: #0044C2; text-decoration: underline;}
.projecttitle a.folderlink {font-size:9px; color:#00A2FF; font-weight:bold; margin-top:8px; text-transform:uppercase; display:block;}

.buttonbar {background:url(/images/button_bar_middle.gif) repeat-x top left; height:26px; margin-bottom:8px; font-size:12px;}
.buttonbar .bg1 {background:url(/images/button_bar_left.gif) no-repeat top left; height:26px;}
.buttonbar .bg2 {background:url(/images/button_bar_right.gif) no-repeat top right; height:26px; text-align:left; padding-left:20px; padding-top:5px; color:#007EFF; font-weight:bold; cursor:pointer; text-decoration:underline;}

/* Default Table Grid */
.grid {margin-top:0px; border-left:solid 0px #E0E0E0; border-top:solid 1px #E0E0E0; border-right:solid 0px #FFF;}
.grid th {padding:4px; font-weight:normal; text-align:center; background-color:#b2dfff; font-weight:bold; border-right:solid 1px #FFF; border-top:solid 0px #FFF;}
.grid th:last-child {border-right:none;}
.grid td {border-bottom:solid 1px #E0E0E0; border-top:solid 1px #FFF; border-right:solid 1px #E0E0E0; padding:4px; vertical-align:middle;}
.grid thead td {padding:8px; background-color:#EBEBEB; border:none;}
.grid thead td table td {padding:0px;}
.grid thead td a, .grid thead td a:link {text-decoration:none; font-weight:normal; font-size:10px;}
.grid thead td.bg {padding:0px; background-image:url('/images/bggraybar.gif');}
.grid tfoot tr td {padding:8px; background-color:#EBEBEB; border:none;}
.grid tfoot td table td {padding:0px;}
.grid tfoot tr td a, .results tfoot tr td a:link, .results tfoot tr td span {text-decoration:none; font-weight:normal; font-size:10px;}
.grid tfoot tr td.bg {padding:0px; background-image:url('/images/bggraybar_opposite_clear.gif'); border:none;}
.grid tfoot td.pager {background-color:#FFF; padding-bottom:20px;}
.grid tfoot td.pager, .grid tfoot td.pager a, .grid tfoot td.pager a:link {font-size:11px; font-weight:bold;}
.grid tfoot td.pager a, .grid tfoot td.pager a:link {text-decoration:underline;}
.grid tr.alt td {background-color:#F6F6F6;}
.grid td:last-child {font-size:10px;}

#footer {
	width:930px;
	border-top: 10px solid #000;
	background-color:#FFF;
	color:#000;
	font-size: 11px;
	padding: 10px;
	line-height: 14px;
}

.tablebordercolor { 
	border:1px solid #EBEBEB;
}

.tablebordercolor td {
	border-top: 0px solid #000;
	border-bottom: 1px solid #9D9D9D;
	border-left: 0px solid #000;
	border-right: 1px solid #9D9D9D;
	border-bottom-style:solid;
}

.tablebordercolor tr { 
	background-color:#F6F7F4;
}

.tableheading {
	background-color:#000;
}

.tableheading1 td {
	background-color:#FFEB45;
	font-weight: bold;
}

.tablebordercolor1 {
	border:0px solid #000;
}

.tablebordercolor1 td {
	border:0px solid #000;
}

.tablebordercolor2 {
	border-left:1px solid #B0B6A8;
}

.tablebordercolor2 td {
	border-top: 0px solid #000;
	border-bottom: 1px solid #B0B6A8;
	border-left: 0px solid #000;
	border-right: 1px solid #B0B6A8;
	border-bottom-style:solid;
}

.tablebordercolor2 tr { 
	background-color:#EDEFEA;
}

.tablebordercolor3 td {
	border:1px solid #EBEBEB;
	border-collapse: collapse;
	border-width:1px 0px 0px 1px
}

.tablebordercolor3 td td {
	border:0px solid #EBEBEB;
}

/* ====================================================================== */
/* Main Header Bar */

#header {background: #FFF url(/images/home/logo_left.gif) no-repeat top left; height:92px; width:950px;}

/* http://kailoon.com/css-sliding-door-using-only-1-image/ */
#header ul.menu {
	padding: 0;
	margin: 0px 32px 0px 0px;
	list-style: none;
	float: left;
	width: 100%;
	background:#000 url("/images/home/menu_button_right.gif") no-repeat top right;
}

#header ul.menu li {
	float: left;
	background: #000 url("/images/home/bg_menu.gif") repeat-x top right;
}

#header ul.menu li a {
	text-decoration: none;
	color: #000;
	padding: 8px 25px 8px 20px;
	margin-right: 0px;
	font: 900 14px "Arial", Helvetica, sans-serif;
	text-transform:uppercase;
	background: url("/images/home/menu_button.gif") no-repeat top right;
}

#header ul.menu li a:hover, #header ul.menu li a.current {
	color: #6F6F6F;
	background: url("/images/home/menu_button_yellow.gif") no-repeat top right;
}
 
#header ul.menu li a:hover span, #header ul.menu li a.current span {
	background: url("/images/home/menu_button_yellow.gif") no-repeat top left;
}

#header ul.menu li ul li a {font-size:11px;}
#header ul.menu li ul li {margin:0px 0px -1px 0px;}
#header ul.menu li ul li a {width:145px; text-transform:none; padding:8px 15px 8px 15px;}
#header ul.menu li a[title="Corporate"] {padding: 8px 15px 8px 15px;}
#header ul.menu li a[title="Login"] {background: url("/images/home/menu_button_blue.gif") no-repeat top left; color:#FFF;}
#header ul.menu li a[title="Logout"] {background: url("/images/home/menu_button_red.gif") no-repeat top left; color:#FFF;}

#header ul.features {
	list-style-type:none;
	margin:0px;
	padding-left:0px;
}

#header ul.features li {
	padding-top:12px;
	padding-left:35px;
	background:url(/images/home/checkmark.gif) no-repeat 0 0.5em;
	height:23px;
}

div.multi_drop_menus {
	behavior:url(/includes/css/csshover.htc);		/* you must link to the hover.htc file for this menu to work in IE6 and earlier */
									/* need a copy? go to http://www.xs4all.nl/~peterned/htc/csshover.htc - copy the code into a text file and save it as csshover.htc */
	font-family: arial, sans-serif;	/* font family for menu */
	font-size:.8em;					/* size of menu's type relative to parent element */
	margin:60px 0px 0px 0px;
	background-color:transparent;	/* colors the div - div fills the parent element for a horizontal menu - set to background-color:transparent; if not needed */
	width:auto;
	float:right;
}

div.multi_drop_menus ul {
 	border-left:0px solid #CCB;	/* creates dividing line to left of level 1's first menu item, revealing div color to left of menu */
	display:inline;				/* fixes margin-doubling bug in IE6 */
}

.anchortop {position:absolute; z-index:20; width:0px; height:10px; margin:0px; padding:0px;}
.anchortop .questionstop {position:relative; top:-85px; left:390px; width:250px; font-weight:bold; font-size:16px; font-family:Arial; color:#FF0000;}
.anchortop .loginstatus {position:relative; top:-80px; left:390px; width:500px; font-size:12px;}

/* ====================================================================== */
/* Project Report Styles */

.report {font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:15px; margin:10px 20px 40px 20px; text-align:left;}
.reportborder {background: #BCBCBC url('/images/line_gradient_gray.gif') no-repeat top right; padding:0px; height:1px;}
.reportbg {background: #FBFBFB url('/images/line_gradient_gray_light.gif') repeat-y top right; border-left:solid 1px #BCBCBC;}
.reportbg2 {border-left:solid 1px #BCBCBC;}
.reportbg3 {background: #FBFBFB url('/images/line_gradient_gray_light_left.gif') repeat-y top left;}
.reporttitle {font-size:18px; font-weight:bold; margin-bottom:0px; margin-top:0px; text-align:center; line-height:22px;}
.reporttitlesmall {color:#949494; text-align:center; text-transform:uppercase; font-size:10px; font-family:arial; margin-bottom:7px;}
.reportlinkminiheading {font-size:10px; font-weight:bold; color:#000; background-color:#F5F5F5; padding-left:5px;}
.reportlinkmini {font-size:10px; font-weight:bold; color:#000; background-color:#F5F5F5; padding:2px 10px 2px 10px; text-align:left;}
.reportlinkmini a:link, .reportlinkmini a:visited, .reportlinkmini a:active {color:#000; font-weight:normal; text-transform:uppercase;}
.reportsection {background-color:#FFF; padding:15px 25px 2px 0px; color:#5A8CBC; text-transform:normal; font:normal 14px Tahoma; border-bottom:solid 5px #C0C0C0; text-align:left;}
.reportcontacttitle {background: #FFF; font-size:16px; font-weight:normal; padding:10px 10px 10px 0px; text-align:left;}

/* ====================================================================== */
/* Project Detail Tool Bar Styles */

#anchorrightmenu .leftmenu {background:#EEEEEE none;}
#toolmenu {height:50px; background-color:#F5F5F5; border:solid 1px #D2D2D2; border-width: 1px 0px 1px 0px;}
#toolmenu ul {margin:0px; padding:0px; list-style:none;}
#toolmenu ul li {float:left; border:solid 1px #D2D2D2; border-width:0px 1px 0px 0px; border-left:solid 1px #FFF; font-family:Arial; font-size:8px; text-transform:uppercase; color:#9C9C9C; padding:0px 14px 0px 14px; margin-top:2px; text-align:center; height:45px;}
#toolmenu ul li img {display:block;}
#toolmenu ul li a, #toolmenu ul li a:link, #toolmenu ul li a:visited {color:#9C9C9C; text-decoration:none;}
#toolmenu ul li.message {border-width:0px; height:32px; padding-top:15px; text-transform:none; font-size:10px; color:Blue;}
#toolmenu ul li.move {border-right-width:0px;}
#toolmenu ul li.dropmenu {border-left-width:0px; padding-top:10px; padding-left:0px; height:35px; text-transform:capitalize;}
#toolmenu ul li:hover {background-color:#FDFDFD;}
#toolmenu ul li.message:hover, #toolmenu ul li.move:hover, #toolmenu ul li.dropmenu:hover {background-color:transparent;}

#rightmenucolumn {width:165px; background-color:#F9F9F9; vertical-align:top; padding:0px;}
#rightmenucolumn_inner {padding:7px; width:162px;}
#rightmenuanchor {position:relative;}
#rightmenu .greenbox {background: #E6FFCF none no-repeat top left; min-height:246px; margin-bottom:10px; border:solid 1px #D4D4D4; -moz-border-radius:1em; -webkit-border-radius:1em;}
#rightmenu .greenbox .greenbox_inner {padding:15px; font-weight:bold; text-align:center; line-height:18px;}
#rightmenu .greenbox div textarea {width:100%; height:100px; margin-top:8px; background-color:#FFF; border:solid 1px #DCF2C7; overflow:scroll; overflow:-moz-scrollbars-vertical; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90;}
#rightmenu .bluebox {background: #E2FDFF none no-repeat top left; height:166px; border:solid 1px #D4D4D4; -moz-border-radius:1em; -webkit-border-radius:1em;}
#rightmenu .bluebox div {padding:15px; font-weight:bold; text-align:center; line-height:18px;}
#rightmenu .bluebox div a {display:block; font-weight:normal; color:#000; margin-top:15px;}
#rightmenu .bluebox input, #rightmenu .greenbox input {font-size:10px; height:28px; width:130px; margin-top:8px; text-transform:uppercase;}
#rightmenu .greenbox .small {font-size:10px; font-weight:normal;}
#rightmenu .greybox {background: #F0F0F0 none no-repeat top left; height:176px; border:solid 1px #D4D4D4; -moz-border-radius:1em; -webkit-border-radius:1em; margin-top:10px;}
#rightmenu .greybox div {padding:15px; font-weight:bold; text-align:center; line-height:18px;}
#rightmenu .greybox div a {display:block; font-weight:normal; color:#000; margin-top:15px;}
#rightmenu .greybox input[name="submitshare"] {font-size:10px; height:28px; width:130px; margin-top:8px; text-transform:uppercase;}
#rightmenu .greybox input[name="email"], #rightmenu .greybox select {width:100%; margin-top:8px; background-color:#FFF; border:solid 1px #DDDDDD; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90;}

#tasknote {background-color:#FFFFF1; min-height:120px; border-bottom:solid 1px #D4D4D4; display:none;}
#tasknote_inner {padding:10px 20px 10px 20px; font-size:11px; line-height:14px; color:#7C7C50;}
#tasknote_inner h2 {color:#A3A295; font-size:13px; font-weight:normal; margin:20px 0px 5px 0px;}
#tasknote_inner h2:first-child {margin-top:0px;}
#tasknote_inner p {margin:0px 0px 8px 0px;}
#tasknote_inner a, #tasknote_inner a:link, #tasknote_inner a:visited {color:#7C7C50; text-decoration:none;}

/* ====================================================================== */
/* Search Bar */

#searchbarmenu {
	text-align:left;
	vertical-align:middle;
	background-color:#858585;
	height:33px;
}

#searchbarmenu a, #searchbarmenu a:link {
	color:#000;
	padding:6px 18px 0px 18px;
	border:solid 1px #858585;
	border-width:2px 4px 0px 0px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	background-color:#e8f4ff;
	height:24px;
	display:block;
	float:left;
	background:#ffd86b url(/images/tabmenu/bg_grad_orange.gif) repeat-x top left;
	cursor:pointer;
}

#searchbarmenu a:hover
{
	background:#fff3b9 none repeat-x top left;
}

#searchbarmenu a.o, #searchbarmenu a.o:link, #searchbarmenu a.o:hover
{
	background:#e8f4ff url(/images/tabmenu/bg_grad_blue_white.gif) repeat-x top left;
	height:25px;
}

#searchbar {padding:0px; border:1px solid #FFF; border-top-width:0px; border-right-width:0px; border-left-width:0px; padding-bottom:0px; background-color:#e8f4ff; color:#000; font-size:10px;}
#layerSearchProject {z-index:2; margin:0px; padding:4px 10px 10px 0px; visibility:visible; display:block;}
#layerSearchCompany {z-index:3; margin:0px; padding:4px 10px 10px 0px; visibility:visible; display:block;}
#layerSearchContact {z-index:4; margin:0px; padding:4px 10px 10px 0px; visibility:visible; display:block;}

#searchbar label {font-size:10px; font-weight:bold; text-transform:uppercase; color:#657486; display:block; margin:4px 0px 2px 0px;}
#searchbar select {width:90%; margin:0px 0px 8px 0px; display:block;}
#searchbar input, #searchbar select {font-size:12px;}
#searchbar input[type="text"] {width:90%; margin:0px 0px 8px 0px; display:block;}
#searchbar input[name="searchdatestart"], #searchbar input[name="searchdateend"], #searchbar input[name="searchduedatestart"], #searchbar input[name="searchduedateend"], #searchbar input[name="searchcompanydatestart"], #searchbar input[name="searchcompanydateend"], #searchbar input[name="searchcontactdatestart"], #searchbar input[name="searchcontactdateend"],
#searchbar input[name="searchhotelroomcountstart"], #searchbar input[name="searchhotelroomcountend"], #searchbar input[name="searchkeydatestart"], #searchbar input[name="searchkeydateend"], 
#searchbar input[name="searchstartdatea"], #searchbar input[name="searchstartdateb"] {width:67px; font-size:10px; display:inline; margin-top:0px; color:#acacac;}
#searchbar input[type="radio"] {vertical-align:middle;}

#searchbar input[name="submitsearch"], #searchbar input[name="submitsearchcompany"], #searchbar input[name="submitsearchcontact"] {font-size:12px; font-weight:bold; width:150px; height:30px; margin:5px 0px 5px 0px; display:block;}
#searchbar .sortorder {font-size:10px;}

#searchbar table td {width:28%; padding:0px 0px 0px 8px; border-right:dashed 1px #B0BEC7;}
#searchbar table td:last-child {border-right:none;}
#frmSearch select[name="searchprojecttype"], #frmSearch select[name="searchstate"], #frmSearchName select[name="searchcontactstate"] {height:130px;}
#frmSearch select[name="searchprojectcategory"] {height:90px;}
#frmSearchCompany select[name="searchprojecttype"] {height:60px;}
#frmSearchCompany select[name="searchcompanystate"] {height:100px;}
#frmSearch a, #frmSearch a:link {color:#1c94c4; font-weight:bold; text-transform:uppercase; text-align:center; display:block;}

/* ====================================================================== */
/* Left Menu */

.leftmenutable {background-color:#C0C0C0; margin-top:3px;}
.leftmenusection, .leftmenutable th {font-family:Tahoma; font-size:10px; font-weight:bold; padding:7px 5px 7px 7px; text-transform:uppercase; text-align:left; background-color:#F0F0F0;}
.leftmenu, .leftmenutable td {font-family:Tahoma, Verdana, Tahoma; font-size:12px; font-weight:normal; padding:7px 5px 7px 7px; text-transform:normal; text-align:left; background:#FBFBFB url(/images/leftmenu/linkbggray.gif) repeat-x top left;}
.leftmenutable a, .leftmenutable a:link, .leftmenutable a:visited, .leftmenutable a:active, .leftmenutable a:hover {text-decoration:none;}
.leftmenutop {border:solid 1px #BFBFBF; border-width:1px 1px 0px 1px; background-color:#858585; padding:10px 0px 10px 0px;}
.leftmenutop div {color:#FFF; font-family:Verdana; font-size:10px; font-weight:bold; margin-bottom:4px; text-transform:uppercase;}
.leftmenutop select {width:130px; margin:0px;}

/* ====================================================================== */
/* CSS Fix to prevent IE6 input objects from overlapping layers */
/* http://www.hedgerwow.com/360/bugs/css-select-free.html */
.select-free
{
	position:absolute;
	z-index:30;
	cursor:move;

	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;
	
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

/* ====================================================================== */
/* Form Error Items */

label.error {float:none; color:red; padding:0px; margin:0px; padding-left:2px; vertical-align:top; width:auto; min-width:0px; display:inline; text-align:left; font-weight:normal; font-style:normal; font-size:11px;}

input.error, select.error, textarea.error {
	border: 1px solid red;
	background-color: #FFFFED;
	height:18px;
}

select.error {
	height:22px;
}

/* ====================================================================== */
/* JQuery UI Edit */

.ui-widget { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-datepicker { font-size: 11px; }

/* ====================================================================== */

