/* Touch the sky, keep looking */


/*

------------------------------------------------------
Copyright Kemie Guaida, some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* general styles */

body {
color: #000000;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
behavior:url("csshover2.htc");
}

a {
color: #005880;
}

a:hover {
color: #006B95;
}

a:visited {
	color: #666666;
	border: 0;
}

a:visited:hover {


}

h1{
	color:#013F7B;
	font: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #007AAC;
}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #56A7C1;
margin: 10px;
}


h6 {
margin: 0;
}

p {
color:#787878;
font-family: Tahoma;
font-size:10px;

}

/* layout styles */
/*Fanie added*/

.MainButtons {
	padding-left:10px;
}

.devider {
	height:2px;
	width:800px;
	border-top: #03559A 1px solid;
}

.CCLabelsSearchArea {
    font-size:10pt;
}

.CCDDLSearchArea {
    font-size:10pt;
}

.CCTitleBar {
    background-color:#0079B2;
    height:20px;
    font-size:10pt;
    color:White;
    text-align:left;
    padding-left:3px;
    padding-bottom:3px;
    padding-top:3px;
}

.divTopTaskBar{
	background-color:#C3DAF9;	
	}
	
.panelTaskBar{
	background:url(images/TaskBar.jpg) repeat-x;
	width:auto;
	height:30px;
	padding-left:3px;
	padding-bottom:3px;
	padding-top:3px;
	vertical-align:middle;
	font-family:Arial;
    font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.divMenuBar 
{
    width:100%;
}

.Table .ProjectDetailsColumn
{
    background-color:#ABD0FD; 
    width:150px;
    font-family:Arial; 
    font-size: 12px; 
    font-weight: normal;
}


.Table .ProjectDetailsColumnDescr
{
    background-color:#ABD0FD;
    font-family:Arial; 
    font-size: 12px; 
    font-weight: normal;
}

.Table .ProjectDetailsDetail 
{
    background-color:#FFFFFF; 
    width:150px;
    font-family:Arial; 
    font-size: 12px; 
    font-weight: normal;
}

.Table .ProjectDetailsDetailsPlain
{
    background-color:#FFFFFF;
    font-family:Arial; 
    font-size: 12px; 
    font-weight: normal;
}

.Table .ProjectDetailsSubTable
{
    background-color:#EDF5FF; 
    font-family:Arial; 
    font-size: 12px; 
    font-weight: normal;
}

.Table .QuoteAmount
{
    width:155px;
    background-color:#EDF5FF; 
    font-family:Arial; 
    font-size: 12px; 
    font-weight: normal;
}

.Table .LicenseBold
{
    background-color:#FFFFFF;
    font-family:Arial; 
    font-size: 16px; 
    font-weight: bold;
}

.header 
{
    font-family:Arial; 
    font-size: 12px; 
    font-weight: normal;
}
	
#SideContent 
{
    
    background-image: url(images/side_back.png);
    background-repeat: repeat-y;
}

.buildBorder {
	border:#FF0000 1px solid;
}

.buildBack {
	background-color:#FF0000;
}

.nonEditable {
	background-color:#F2F2F2;
}

.Reception 
{
}

.bluebutton
{    margin-top: 0px;
}

.redbutton
{
 background-color:#f2f2f2;
 border-style:solid;
 border-width: 1px;
 border-color: #FF0000;
}
.version
{
 color:#000000;
 font-size:12px;
 font-weight:normal;
}

#SideMenu 
{
/*    scrollbar-face-color: #BDDAFE; 
    scrollbar-highlight-color: #7D97B2; 
    scrollbar-shadow-color: #FFFFFF; 
    scrollbar-arrow-color: #6593CF; 
    scrollbar-track-color: #BDDAFE; 
*/
}


/*Modal Popup*/
.modalBackground {
	background-color:white;
	filter:alpha(opacity=40);
	opacity:0.4;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:2px;
	border-style:solid;
	border-color:#6593CF;
	width:350px;
	font-size: 12px;
}

.modalPopup .CLSHeading 
{
    width:99%;
    height:20px;
    background-color:#BDDAFE;
    color:#083B81;
    font-weight:bold;
    padding:2px 2px 0px 2px;
    border:#6593CF 1px solid;
    margin-right:2px;
}

.modalPopup .AttachFilter 
{
    text-align:right;
    width:100%;
    height:40px;
    border-left:#6593CF 1px solid;
    border-right:#6593CF 1px solid;
    border-bottom:#6593CF 1px solid;
    padding-top:5px;
}

.modalPopup .CLSFilter 
{
    text-align:right;
    width:100%;
    height:25px;
    border-left:#11708E 1px solid;
    border-right:#11708E 1px solid;
    border-bottom:#11708E 1px solid;
}

.modalPopup .CLSRallyHead 
{
    text-align:right;
    width:100%;
    border-left:#11708E 1px solid;
    border-right:#11708E 1px solid;
    border-bottom:#11708E 1px solid;
}

.modalPopup .CLSGrid 
{
    width:100%;
    height:280px;
    background-color:#FFFFFF;
    overflow:auto;
    border:#11708E 1px solid;
    margin-top:10PX;
    margin-bottom:2px;
}

.modalPopup .CLSButton
{
    width:100%;
    text-align:center;
}


.modalPopup .YNAHeading 
{
    width:99%;
    height:20px;
    background-color:#BDDAFE;
    color:#083B81;
    font-weight:bold;
    padding:2px 2px 0px 2px;
    border:#6593CF 1px solid;
    margin-right:2px;
}

.modalPopup .YNAFilter 
{
    width:100%;
    height:50px;
    overflow:auto;
    padding:2px 2px 2px 2px;
    vertical-align:bottom;
}

.modalPopup .YNAFilterNoHeight
{
    width:100%;
    padding:12px 2px 12px 2px;
    vertical-align:top;
}

.modalPopup .YNAButton 
{
    width:100%;
    text-align:center;
}

.modalPopup .YNAButtonNoHeight 
{
    width:100%;
    text-align:center;
    margin-bottom:10px;
}

.TextBoxCSS 
{
    border: #BFDBFF 1px solid;
	text-align:left;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.TextBoxCSSRight
{
    border: #BFDBFF 1px solid;
	text-align:right;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.TextBoxOveride
{
    border: Blue 1px solid;
	text-align:right;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.TextBoxCSSOK 
{
    border: #FF0000 1px solid;
	text-align:left;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.DropDownCSS 
{
    border: #BFDBFF 1px solid;
	text-align:left;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.DropDownCSSOK
{
    border: #FF0000 1px solid;
	text-align:left;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.ListBoxCSS 
{
    border: #BFDBFF 1px solid;
	text-align:left;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.ListBoxCSSOK
{
    border: #FF0000 1px solid;
	text-align:left;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.TextAreaCSS 
{
    border: #BFDBFF 1px solid;
	text-align:left;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

.TextAreaCSSOK
{
    border: #FF0000 1px solid;
	text-align:left;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#000000;

}

.LinkButtonCSS 
{
	text-align:left;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
    text-decoration:none;	
    width:150px;
    padding-top:8px;
}

.LabelHeaderCSS 
{
	text-align:left;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
    padding-left:20px;
}


.QuoteSteps 
{
    /*background-image: url(images/arrowmain.png);
    background-repeat:repeat-x;*/
}

.QuoteGrid 
{
    width:100%;
    background-color:#FFFFFF;
    overflow:auto;
    border:#11708E 1px solid;
    margin-top:10PX;
    margin-bottom:2px;
}

.SideBar 
{
    background-image: url(../images/sidebar_button.png); 
    background-repeat:repeat-x; 
    height:32px;
    width:180px;
    margin-left:4px;
    text-align:left;
    padding-left:20px;
}

.SideBarActive
{
    background-image: url(../images/sidebar_button_active.png); 
    background-repeat:repeat-x; 
    height:32px;
    width:180px;
    margin-left:4px;
    text-align:left;
    padding-left:20px;
}

.cpHeader
{
color: white;
background-color: #719DDB;
font: bold 11px auto "Trebuchet MS", Verdana;
font-size: 12px;
cursor: pointer;
width:99%;
height:10px;
padding: 4px;           
}
 
.cpBody
{
background-color: #EDF5FF;
font: normal 11px auto Verdana, Arial;
border: 1px gray;               
width:99%;
padding: 0 4px 0 4px;
} 

/*CollapsiblePanel*/
.collapsePanel {
	
    background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:25px;
	/*background-image: url(../imgs/bg-menu-main.png);
	background-repeat:repeat-x;*/
	background-color:#1F568B;
	color:#fff;
	font-weight:bold;
}

.collapsePanelHeader a {color:#FFF;}
.collapsePanelHeader a:hover {text-decoration:none;background:none;}

.roundedPanel
{	
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}