﻿/* Common */
body,div
{
	font-family:Tahoma, Arial, Sans-Serif, Verdana ;
	font-size:11px;
	line-height:18px;
	color:Black;
	/*color: #626262;*/
	/* background-color:White; */
}
input.loginfield
{
	border: 1px solid #dbdbdb;
	font-family: Tahoma, Arial, Sans-Serif, Verdana;
	font-size: 11px;
	color: #000000;	
	width:100px;
}
img 
{
	border:0px;
}
.blueborder 
{
	border: #7f9db9 1px solid; 
	font-size:11px; 
	color:#333333;
}
input, option, textarea 
{
	border: #7f9db9 1px solid; 
	font-size:11px; 
	color:#333333; 
}
.noborder 
{
	border:0px; 
}

/* Page Style */
.min600px
{
	min-height:600px;
	height:auto !important;
	height:600px;
}
.min700px
{
	min-height:700px;
	height:auto !important;
	height:700px;
}

/* Quotation */
.leftQuotation 
{
	background-image:url(../../Images/leftQuotation.jpg);
	width:40;
	height:34px;
	background-repeat:no-repeat;
}
.rightQuotation 
{
	background-image:url(../../Images/rightQuotation.jpg);
	width:40;
	height:34px;
	background-repeat:no-repeat;
	background-position:right;
}

/* Font Style */
.OrangeTitleFont {
	font-family: Tahoma;
	font-size: 11px;
	color: #626262;
	text-align: justify;
}
.AwardSectionFont {
	font-family: Tahoma;
	font-size: 11px;
	color: #626262;
	text-align: justify;
}
.Red 
{
	color:Red;
}


/* Link Style */
a:link {
	font-family: Tahoma;
	font-size: 11px;
	color: #df4f00;
	text-decoration: none;
}
a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #df4f00;
	text-decoration: none;
}
a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #df4f00;
	text-decoration: underline;
}
a.disabled 
{
	color:lightgray;
	cursor:default;
	text-decoration: none;
}


/* front menu link style*/
.fmenu
{
	font-weight:bold;
	border:0px;
	padding:0px;
	margin:0px;
	height:150px;
	width:150px;
}
.fmenu a:link
{
	color:#ffdecb;
	text-decoration:none;
}
.fmenu a:visited
{
	color:#ffdecb;
	text-decoration:none;
}
.fmenu a:hover
{
	color:White;
	text-decoration:none;
}

/* right side menu */
.rightSideMenu
{
	margin-left:15px;
}

.rightSideMenu a
{
	line-height:23px;
}

/* line style */
.dotline
{
	background-image:url(../../Images/Dots.jpg);
	background-repeat:repeat-x;
}
.solidline
{
	margin-top:10px;
	margin-bottom:10px;
	border-top:solid 2px gray;
}
.thinsolidline
{
	border-top:solid 1px gray;
}

/* Title style */
div.titleContent
{
	height:100px;
	border-left:solid 1px orange;
	border-right:solid 1px orange;
	border-bottom:solid 1px orange;
}
div.title
{
	background-image:url(../../Images/OrangeTab.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
	font:bold 12px;
	height:20px;
}
span.title
{
	margin-left:8px;
	line-height:20px;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	color:white;
}
div.footer
{
	color:#626262;
	font-size:11px;
	width:698px;
	height:100px;
	text-align:left;
	line-height:24px;
	vertical-align:middle;
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-bottom:13px solid #d9d9d9;
}

/* Shadow using div */
div.centerContainer
{
	position:absolute;
	left:50%;
	width: 726px;
	margin-left:-363px;
	text-align:left;
}

div.mainLeftShadow
{
	background-image:url(../../Images/shadLeft2.jpg);
	background-repeat:repeat-y;
	width:13px;
	left:-13px;
	height:2000px;
	position:absolute;
}

div.mainRightShadow
{
	background-image:url(../../Images/shadRight2.jpg);
	width:13px;
	height:2000px;
	position:absolute;
	left:697px;	
}

/* Table Shadow */
td.leftShadow
{
	background-image:url(../../Images/ShadLeft.jpg);
	width:13px;
}

td.rightShadow
{
	background-image:url(../../Images/ShadRight.jpg);
	width:13px;
}

td.leftShadow2
{
	background-image:url(../../Images/ShadLeft2.jpg);
	width:13px;
}

td.rightShadow2
{
	background-image:url(../../Images/ShadRight2.jpg);
	width:13px;
}

/* Content Holder */
div.contentLeft
{
	float:left;
	width:420px;
	/*padding:25px;*/
	padding:23px;
	background-color:White;
	/*border-right: 1px solid #cccccc;*/
}

div.contentRight
{
	padding-right:13px;
	padding-left:14px;
	padding-top:24px;
	background-color:White;	
	/*border-left:1px solid #cccccc;*/
}

div.contentLeft225
{
	float:left;
	width:184px;
	padding:15px;
	background-color:White;
	text-align:left;
}

div.contentRight225
{
	text-align:left;
	padding:15px;
	background-color:White;	
}

/* Table Style */
table.basic
{
	width:750px;
	border:0;
	padding:0px;
}
table
{
	font-size:11px;
	font-family:Tahoma, Arial, Sans-Serif, Verdana ;
}
.lightblue
{
	background-color:#efefef;
}
.joblist
{
	border:solid 1px black;	
}
.joblist th
{
	border-width:0px;
}
.joblist td
{
	border-width:0px;
	border-top:solid 1px black;
	border-bottom:solid 1px black;
	border-left:solid 0px white;
	border-right:solid 0px white;
}

/* Table Frames */
table.frameTop
{
	border:0;
	padding:0;
	border-top:6px solid #DE4F00;
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;
	height:80px;
}

table.frameTop img
{
	border:0px;
	vertical-align:middle;
}

table.frameMiddle
{
	background-color: White;
	border: 0;
	padding: 0;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
}

table.frameMiddle td.navigationTD
{
	 border-top:1px solid #cccccc;
	 border-bottom:1px solid #cccccc;
	 background-color: #DE4F00;
}
table.frameBottom 
{


}

/* ul style */
ul.bullet
{
	list-style-image:url(../../Images/OrangeBullet.jpg);
	vertical-align:top;
	line-height:17px;
}

ul.orangebullet
{
	list-style-image:url(../../Images/OrangeBullet.jpg);
	vertical-align:top;
	line-height:17px;
}


/* a link */
a.bullet
{
	background: url(../../Images/OrangeBullet.jpg) no-repeat center left;	
	background-position: 4px;
}

/* client calendar */
.calnDiv {
	font-family:verdana;
	font-size:11px;
	background-color:white;
}

.calnTable td,th {
	padding:4px;
}

.calnTable 
{
	color:black;
}

/* Top Nav */
.topNavigation
{
	border: 0px;
	color: white;
	margin-left: 0px;
	padding-top: 0px;
	height:100%;
	
}
.topNavigation td
{
	border: 0px solid #cccccc;
	border-bottom: 0px;
	border-right: solid 1px white;
	text-align: center;
	background-color: #DE4F00;
	font-weight: bold;
	width: 80px;
	padding:3px;	
}
.topNavigation td.bar 
{
	border:0px solid #cccccc;
	border-bottom:0px;
	border-right:0px;
	width:10px;
	/*color:gray;*/
	/*color:Black;*/
	text-align:center;
	/*font-weight:bold;*/
	color: white;
}
.topNavigation td a:link
{
	text-decoration: none; /*color:gray;*/ /*color:Black;*/
	font-family: Sans-Serif;
	color: white;
}
.topNavigation td a:hover
{
	text-decoration: none;
	font-family:Sans-Serif;	
	font-weight: bold;
	color: white;
	
}
.topNavigation td a:visited
{
	text-decoration: none;
	font-family:Sans-Serif;
	font-weight: bold;
	color: white;
}
/* validation message style */
.validationMessage 
{
	border:1px solid #fd2121;
	background-color:#ffc6c6;
	font-weight:bold;
	text-align:left;
	padding:5px;
}

.validationSummary
{
	border:2px solid orange;
	background-color:lightyellow;
	text-align:left;
	padding:3px;
	color:Red;
}

.errorMessage 
{
	border:1px solid #fd2121;
	background-color:#ffc6c6;
	font-weight:bold;
	text-align:left;
	padding:5px;
}

/* main banner fade in/out */
.opacity10{
    filter: alpha(opacity=10);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
    -moz-opacity: 0.10; 
    opacity:0.1;
}
.opacity35{
    filter: alpha(opacity=35);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
    -moz-opacity: 0.35; 
    opacity:0.35;
}
.opacity70{
    filter: alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.70; 
    opacity:0.7;    
}
.opacity100{
    filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1; 
    opacity:1;    
}

/* div option */
div.sideBarList
{
	margin-left:10px;
	text-align:left;
}
div.sideBarList div
{
	margin-top:5px;
	margin-bottom:10px;
}

/* Message Box */
.orangeMessageBox
{
	border:2px solid orange;
	background-color:lightyellow;
	text-align:left;
	padding:3px;
	color:Red;
}

.orangeBorderYellowBack
{
	border:1px solid orange; 
	background-color:lightyellow; 
	padding:12px;	
}

/* DCPortal Top Navigation Menu */
.topMenu 
{
    background-color: Transparent;
    border-width: 0;
    border-style: none;
}

.submenu
{
	background-color: Transparent;
	width: 100px;
}

.topItemNormal
{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;

}

.topItemOver
{
	
	/* background-color:lightsteelblue; */
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
}

.itemNormal
{
	width: 100px;
	background: Transparent;
	/*background-image: url(../../IMAGES/grayButtonPattern.gif);*/
	/*background-repeat: repeat-x;*/
	background-color:#ECECFF;
	text-align: left;
	padding-left:5px;
	font-family: Tahoma;
	font-size: 11px;
	/*border: solid 1px #D8AAEE;*/
	border-left:solid 1px #D2D2FF;
	border-right:solid 1px #D2D2FF;
	/*border-top:solid 1px #D8AAEE;*/
	border-bottom:solid 1px #D2D2FF;
}

.itemNormal a
{
	background: Transparent;
	background-image: "";
}

.itemOver
{
	background:lightsteelblue;
	font-family: Tahoma;
	font-size: 11px;
	
}

/* DCPortal content command menu */
.commandMenu
{
	background-color:#e8e8e8;
	border:solid 1px gray;
	padding:2px;
}
.portalLeft
{
	padding:5px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	background-color:#FFFFF9;
	position:absolute;
	top:0;
	left:0px;
	width:200px;
}
.portalCenter
{
	padding:5px;
	border:solid 0px #FFEDBB;
	margin:0px 213px;
}
.portalRight
{
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	position:absolute;
	padding:5px;
	top:0;
	right:0px;
	width:200px;
}


