/* ------- Common Elements ---------- */

html {
	margin:0;
	padding:0;
}

body {
	margin:20px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#a3a9ad;
	color:#424242;
	font-size: 12px;
}

p {	}

a {
	color:#527fa8;
}

hr {
	border-top: 1px solid #a4b2b9;
	border-right: 0px solid #a4b2b9;
	border-left: 0px solid #a4b2b9;
	border-bottom: 0px solid #a4b2b9;
	margin-bottom: 3px;
}
img { border:0px; }

h1 {
	font-size:14px;
	color:#4a5d75;
	margin-top:0px;
	padding-top: 6px; 
}
h2 {
	font-size:13px;
	color:#32444d;
}

h3 {
	font-size:13px;
	color:#32444d;
	border-bottom: 1px solid #e6eaef;
}

h4 { }
h5 { }
h6 { }

.wrapper { 
	min-width: 900px;
	background-image:url(images/bkg_shadow.png);
	background-position:right;
	background-repeat:repeat-y;
	padding-right:7px;
}

.container {
	
	margin: 0px;
	padding:0px;
	background-color: white;
	overflow:hidden;
}
	
.leftcol {
	float:left;
	width:300px;
	background-color:#eaeff2;
	border-right: 1px solid #c1c4ca;
}
	
.maincol {
	margin: 0px 20px 0px 325px;
	padding-top: 30px;
}

.maincolprint {
	margin: 0px 20px 0px 20px;
	padding-top: 30px;
}

/* -------- This equalizes the two column heights in the layout ----------------- */

.leftcol, .maincol, .maincolprint {
	padding-bottom: 30005px;
	margin-bottom: -30000px;
	}

/* ---------- */

.header {
	background-image: url(images/hdr_bkg.gif);
	background-position:bottom;
	background-repeat: repeat-x;
	background-color:#35485d;
	height: 50px;
}

.footer { 
	background-color:#35485d;
	color:#dbe7ee;
	line-height:2em;
	font-size:9px;
	text-align: center;
	clear:both;
}

.footer a { 
	color:#dbe7ee;
	line-height:2em;
	font-size:9px;
	text-align: center;
	clear:both;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

/* -------------------------------------------------  Left Navigation -------------------------------------------------------------------------  */

.leftcol dl { margin-left: 30px; }

.leftcol dt {
	color:#4a5d75; 
	font-weight: bold;
	margin-left: 0px;
	margin-right: 20px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #424242;
}

.leftcol dd {
	margin-left: 4px;
	padding:2px 0px;
}

/* -------------------------------------------------  Breadcrumb navigation  ------------------------------------------------------------------ */

#bread {
	color: #656565;
	padding-right: 3px;
	margin-bottom: 10px;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	font-size:10px;
	border: none;
	list-style: none;
	display: inline;
	}

#bread a {
	color:#656565;
	text-decoration: underline;
}

/*--------------------------------------------- Default table styles ------------------------------------------------------------------ */

.tableStyle {
	border-bottom: 4px solid #a4b2b9;
	margin-bottom: 20px;
}

.tableStyle TH {
	background-color:#a4b2b9;
	padding: 2px 8px;
	color:#ffffff;
	font-size:14px;
	text-align:left;
}

.tableStyle .SortableTableHeader td{
/*the header of a data tables */
    background-color: #d9e0e3;
	background-image:url(images/TablePrimary_Norm.gif);
    background-position: top;
    background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight: bold;
    color: #5f6a6f;
	text-align:left;
    border-top: 1px solid #e7eaed;
	border-right: 1px solid #a4b2b9;
	border-bottom: 1px solid #a4b2b9;
	border-left: 1px solid #e7eaed;
    padding-left: 8px;
	line-height: 1.25 em;
}
.tableStyle .UnsortableTableHeader td {
/*the header of a data tables */
    background-color: #d9e0e3;
	font-size: 10px;
    font-weight: bold;
    color: #5f6a6f;
	text-align:left;
    border-right: 1px solid #a4b2b9;
    border-bottom: 1px solid #a4b2b9;
    padding-left: 8px;
	line-height: 1.25 em;
}

.tableStyle .UnsortableTableHeader, .SortableTableHeader a { 
	text-decoration: none;
	color: #5f6a6f;
}

.oddRow {
    background-color: #eff4f7;
}

.evenRow{
    background-color: #ffffff;
}

.oddRow td, .evenRow td {
	font-size:12px;
	font-weight:normal;
	padding-left: 10px;
	line-height:1.5em;
    border-right: 1px solid #d9e0e3;
    border-bottom: 1px solid #e6eaef;
}
.tableStyle .oddRow .first, .tableStyle .evenRow .first {
    border-left: 1px solid #d9e0e3;
}


.tableStyle caption {
	font-size:10px;
	text-align:left;
	font-style:italic;
}


/* --------------------------------------------- Buttons styles   ********************************************************/

.buttonsmall {
   font-size: 10px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #5d779b;
   border-top: 1px solid #81abd3;
   border-right: 1px solid #254869;
   border-bottom: 1px solid #254869;
   border-left: 1px solid #81abd3;
   padding: 0px;
   background-image:url(images/button_bkg.gif);
   background-position:top;
   background-repeat:repeat-x;
   cursor: pointer;
}
.buttonmed {
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #5d779b;
   border-top: 1px solid #81abd3;
   border-right: 1px solid #254869;
   border-bottom: 1px solid #254869;
   border-left: 1px solid #81abd3;
   padding: 0px 2px;
   background-image:url(images/button_bkg.gif);
   background-position:top;
   background-repeat:repeat-x;
   cursor: pointer;
}

/* ----------------------- Messaging ------------------------------------------ */

.message {
	width:100%;
	padding: 15px;
	margin-bottom:15px;
	border: 1px solid #ffbe5a;
	background-color: #f7f3dc;
	font-size:12px;
}

/* ------------------------------------------ documentation styles -------------------------------------------------- */

.documentation {}

.documentation h1 {
	font-size:16px;
}

.documentation h2 {
	font-size: 14px;
	margin-top: 20px;
	border-bottom: 1px solid #e6eaef;

}
.documentation h2 a {
	color:#32444d;
}

.documentation h3 {
	font-size: 12px;
	margin-left: 0px;
	margin-top: 15px;
	border-bottom: 0px;
}

.documentation h3 a {
	color:#32444d;
}

pre {
	display:block; 
	background-color:#f9f3b0;
	color:#333;
	overflow:auto;
	padding: 15px 20px;
}