@charset "UTF-8";

/*********************************** 
* Common classes design 
************************************/
a {
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	color: #D95700;
	text-decoration: underline;
}

input {
	font-size: 10px;
	color: #003366;
	background-color: #DFE7EE;
	height: 12px;
	line-height: 14px;
}

h1 {
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	color: #FF6B09;
	margin-bottom: 1.8em;
}
h2 {
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	color: #153C67;	
	font-style: italic;
}
h3 {
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #02406F;
}
h4 {
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #02406F;
	margin-bottom: .5em;
	margin-top: .5em;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:9pt;
	color: #151515;
}



/*********************************** 
* Custom classes design 
************************************/

/* 
	Header Table - the whole header table, contains login and search, image caption, main menu also 
	Assigned to table element
*/
.HeaderTable {
	margin: 0px;
	padding: 0px;
	width: 850px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	left: 0px;
	text-align: left;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

/* 
	Image header of the page - image caption under login and search 
	Assigned to TD element inside the header table
*/
.HeaderBkgrnd {
	background-image: url(../images/header/header-bckgrnd.jpg);
	background-position: right top;
}

/*
 MainMenuArea - is the td element that contains all the main menu line
 The exact menu styles assigned in Droppy.css file
*/
.MainMenuArea {
	background-image: url(../images/header/navRight-bkgrnd.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #0260A6;
	text-align: left;
	height: 22px;
	vertical-align: top;
	float: none;
	clear: right;
}
.MainMenuArea a {
	background-color: #0260A6;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 90%;
}

.SubHeader {
	width: 100%;
	background-color:#FFF;
	height:10px;
}


/* Main content. It is retrieved from CMS */
.PageContent {
	margin-right: 3.8em;  /* put some space from the right not to intersect with the vertical gradient image */ 
}



/* The left column. Contains Bar1 and Bar2*/
.LeftColumn {
	background:transparent url(/images/leftbar-top.png) no-repeat scroll left top;

	width: 190px;
	
	background-color: #FFF;
	padding-top: 20px;
	float: left;
}

/* 
	LeftColumnBar1 - is the first bar in the left column - usually 
	it contains Left-Hand Menu 
*/
.LeftColumnBar1 {
	background:transparent url(/images/leftbar-dotted.png) repeat-y scroll left top;
	
	padding-left: 3px;
	line-height: 18px;
}

.LeftColumnBar1 ul {
	margin: 0px;
    padding: 0px 6px;
	list-style-type: none;
}

.LeftHandMenu li {
	background:transparent url(/images/dot.gif) no-repeat scroll left top;
	margin:0;
	padding:0 0 0px 13px;	
	font-size:0.97em;
}

/* text element inside Left Column Bar2 */
.LeftColumnBar2Text {
	margin-top: 3px;
	padding-left: 10px;
}


/* Tips for LeftColumnBar2:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColumnLayout #sidebar1 p" rule.
*/
#LeftColumnBar2 {
	width: 174px; /* since this element is floated, a width must be given */
	background: #FFFFFF url(../images/leftbar-middle.png) no-repeat; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0em 0em 25px;
	margin: 0px;
	position: relative;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#LeftColumnBar2 h3, #LeftColumnBar2 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}


/* td-style : Background of the footer */
.FooterBkgrnd {
	background-image: url(../images/footer-bkgrnd.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	vertical-align: top;
}

/* td-style : Background of the footer */
.FooterTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}

/* Content image (placed on the right from the article)*/
.ContentImage {
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0 0 10px 10px;
}


.searchCaption {
	font-size:16px;
}

.searchError {
	font-size:12px;
	font-style:italic;
}


.searchItemCaption {
	font-size:14px;
	width: 550px;
	line-height:18px;
	margin:0px;
	margin-top:10px;
}

.searchItemText {
	border-width:1px;
	border-style:dotted;
	border-color:#9A92FE;
	color:#000;
	background-color:#EEE;
	width: 530px;
	margin: 0px 0px 0px 20px;
	line-height: 16px;
	padding: 2px 0px 2px;
}


.TitleText {
	border-bottom:1px dashed;
	border-bottom-color: #9cc0dc;
	color:#003f88;
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
}

.Content-Background {
	background:#FFFFFF url(../images/contentFadeBkrgnd.gif) repeat-y scroll right 0;
}

.dhtmlgoodies_question{ /* Styling question */
        /* Start layout CSS */
        font-family: Verdana;
        color: #125994;
        width:430px;
        margin-bottom:2px;
        margin-top:2px;
        padding-left:2px;
        background-image:url('images/bg_answer.gif');
        background-repeat:no-repeat;
        background-position:top right;
        height:20px;

        /* End layout CSS */

        overflow:hidden;
        cursor:pointer;
}
.dhtmlgoodies_answer{   /* Parent box of slide down content */
        /* Start layout CSS */
        //border:1px solid #317082;
        //width:400px;

        /* End layout CSS */

        visibility:hidden;
        height:0px;
        overflow:hidden;
        position:relative;

}

.dhtmlgoodies_answer_content{   /* Content that is slided down */
        padding:1px;
        font-family: Verdana;
        position:relative;
}