﻿/* Photo header */
#header {background: url(../images/common/header.png) no-repeat left bottom; width: 750px; height: 60px; }
#header td { vertical-align: bottom; padding: 0 30px 20px 30px; }
#header td h2 { font-weight: normal; font-size: 24px; line-height: 30px; font-weight: normal; color: #fff;  }

blockquote { background: url(../images/working/quote.gif) no-repeat top left; margin-left: 40px; margin-bottom: 10px; padding-left: 40px; height: 40px; color: #396480; min-height: 40px; }

#body { background: #fff; color: #36332f; }
#body-topleft { width: 20px; height: 20px; background: #fff url(../images/common/bg/body-corners.png) no-repeat left top;   }
#body-topright { width: 20px; height: 20px;  background: #fff url(../images/common/bg/body-corners.png) no-repeat right top ; }
#body-bottomleft { width: 20px; height: 20px;  background: #fff url(../images/common/bg/body-corners.png) no-repeat left bottom;   }
#body-bottomright { width: 20px; height: 20px;  background: #fff url(../images/common/bg/body-corners.png) no-repeat right bottom ; }
#body-top { height: 20px; background: #fff url(../images/common/bg/body-topbottom.png) repeat-x left top ; }
#body-bottom { height: 20px; background: #fff url(../images/common/bg/body-topbottom.png) repeat-x left bottom ; }
#body-left { width: 20px; background: #fff url(../images/common/bg/body-sides.png) repeat-y left top ; }
#body-right { width: 20px; background: #fff url(../images/common/bg/body-sides.png) repeat-y right top; }

#body-content { background: #fff; width: 700px; height: 470px; padding:0 5px; }
#body-content ul { margin-bottom: 10px; margin-left: 20px; }
#body-content ol { margin-bottom: 10px; margin-left: 30px;  }
#body-content ul li { list-style-image: url(../images/common/bg/body-arrow.png); margin-top: 5px; }
#body-content ol li {  list-style-image: none; margin-top: 5px;  }
#body h2 { padding: 0; margin: 0 0 5px 5px; font-size: 14px; line-height: 18px; color: #36332f; }


#news-content h3 { width: 200px; font-size: 14px; line-height: 18px; color: #377eab; padding-left: 10px; }
html>body #news-content h3 { width: 200px; padding-left: 110px; }

#news-content p { width: 200px; }
html>body #news-content p { width: 200px; padding-left: 110px; }

#news-content hr { border-bottom: 1px solid #eaeaea; height: 1px; clear: both; width: 90%; margin-bottom: 10px; }


.yellow { background: #f8eabe url(../images/common/bg/yellow-bg.png) no-repeat top left; margin: 10px; }
.yellow-topleft { width: 10px; height: 10px; background: url(../images/common/bg/yellow-corners.png) no-repeat left top; }
.yellow-topright { width: 10px; height: 10px; background: url(../images/common/bg/yellow-corners.png) no-repeat right top; }
.yellow-bottomleft { width: 10px; height: 10px; background: url(../images/common/bg/yellow-corners.png) no-repeat left bottom; }
.yellow-bottomright { width: 10px; height: 10px; background: url(../images/common/bg/yellow-corners.png) no-repeat right bottom; }
.yellow-top { height: 10px; background: url(../images/common/bg/yellow-topbottom.png) repeat-x left top; }
.yellow-bottom { height: 10px; background: url(../images/common/bg/yellow-topbottom.png) repeat-x left bottom; }
.yellow-left { width: 10px; background: url(../images/common/bg/yellow-sides.png) repeat-y left top; }
.yellow-right { width: 10px; background: url(../images/common/bg/yellow-sides.png) repeat-y right top; }

.yellow-content { font-size:12px; line-height: 16px; color: #36332f; padding: 5px; }
.yellow-content h3 { font-size: 18px; line-height: 20px; font-weight: normal; color: #36332F; margin-bottom: 10px; }
.yellow-content h4 { font-size: 14px; line-height: 17px; font-weight: bold; color: #36332F; margin-bottom: 0; text-transform: uppercase; }
.yellow-content p { margin-left: 0; padding-left: 0;  }
.yellow-content a { color: #00529c; text-decoration: underline; }	
.yellow ul { list-style-image: url(../images/common/bg/yellow-arrow.png); margin-left: 20px; }
.yellow ul li {  margin-bottom: 5px; }


.blue { background: #f8eabe url(../images/common/bg/blue-bg.png) no-repeat top left; margin: 10px; }
.blue-top { width: 10px; height: 10px; background: url(../images/common/bg/blue-topbottom.png) repeat-x left top; }
.blue-bottom { width: 10px; height: 10px; background: url(../images/common/bg/blue-topbottom.png) repeat-x left bottom; }
.blue-left { width: 10px; height: 10px; background: url(../images/common/bg/blue-sides.png) repeat-y left top; }
.blue-right { width: 10px; height: 10px; background: url(../images/common/bg/blue-sides.png) repeat-y right top; }
.blue-topleft { width: 10px; height: 10px; background: url(../images/common/bg/blue-corners.png) no-repeat left top; }
.blue-topright { width: 10px; height: 10px; background: url(../images/common/bg/blue-corners.png) no-repeat right top; }
.blue-bottomleft { width: 10px; height: 10px; background: url(../images/common/bg/blue-corners.png) no-repeat left bottom; }
.blue-bottomright { width: 10px; height: 10px; background: url(../images/common/bg/blue-corners.png) no-repeat right bottom; }

.blue-content { font-size:12px; line-height: 16px; color: #393939; }
.blue-content h3 { font-size: 14px; line-height: 18px; color: #393939; margin-bottom: 10px; text-transform: uppercase; }
.blue-content p { margin-left: 0; padding-left: 0;  }
.blue-content li { list-style-image: url(../images/common/common/blue-bullet.gif); margin-left: 0; margin-bottom: 10px; }
.blue-content a { color: #333333 !important; text-decoration: underline; }
.blue-content a:hover { color: #df2d04 !important; text-decoration: underline; }
.blue-content .next-arrow-left { background: url(../images/common/arrow-next-blue.png) no-repeat left center; padding-left: 40px; height: 30px; line-height: 30px;}

img.left { float: left; margin-right: 10px; margin-bottom: 10px;  }
img.right { float: right; margin-left: 10px; margin-bottom: 10px;  }
img.top { margin-bottom: 10px;  }
img.topleft { float: left; margin-top: 5px; margin-bottom: 10px; margin-right: 10px; }

table.data { border-top: 1px solid #bbb4ab;  border-bottom: 1px solid #bbb4ab; color: #36332f; }
table.data th { text-align: left; padding: 5px; vertical-align: top; width: 160px; }
table.data td { text-align: left; padding: 5px; vertical-align: top; }
/*table.data tr.odd th { background-color: #f9e3a6; }
table.data tr.odd td { background-color: #f9e3a6; }*/
.odd1{background-color: white;} 
.even1{background-color: #f9e3a6;} 


/*gridview */

.gridview .actions div {
	float: right;
	padding-right: 2px;
	text-align: right;
	width: 95px;
}


.gridview td {
	text-align: left; padding: 5px; vertical-align: top;
}
.gridview th {
	text-align: left; padding: 5px; vertical-align: top; width: 160px; 
}
.gridview tr.even1 td,.detailsview tr.even1 td{
		background: #FFFFFF;
}
.gridview tr.odd1 td,.detailsview tr.odd1 td{
	background-color: white;
}
.gridview tr.header {
	background: #C5DBF7;
}
.gridview,.detailsview {
	width: 100%;
}