/* CSS Document */

.c_head{padding:0; margin-top:8px;text-align:left;}

/*---------- To align the Actions, Icon and Title ---------*/
.c_icon, .c_actions, .c_head h1{float:left;}
.c_head h1{margin:0; padding:0;}
.icn img{margin-right:5px;}

.head_title{margin:0; }
.title_vis{margin:0; float:right;}

.c_content{clear:both;}
.c_contentpane{padding:8px; text-align:left;}
.c_footer {margin-bottom:20px;padding:0; text-align:right;}

/*---------- default style for head & normal -----------*/
.Normal p {
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/*---------- For the inline edit icons -----------*/
.eipbackimg {background-color:#DAE7F2;border:solid 1px #4F839F}

/*---------- For the for blue title container -----------*/
.c_head_blue h1, .c_head_blue h1 input {color:#6a98a8;}
.bluehead_title h1, .bluehead_title h1 input {
	color:#6699CC;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 3px;
	}

/*---------- For the for grey title container -----------*/
.greyhead_title h1, .greyhead_title h1 input {
	color:#6699CC;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 3px;
}
.greyhead_title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin: 0px;
	padding: 0px;
	height: 22px;
	}
/*---------- For the for sideblue container -----------*/

.side_blue {
	background-color: #a5cfcc;
	background-image: url(bluegradient.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 2px solid #20547c;
	clear: both;
	padding: 8px;
}
.sidebluecontentpane {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;	
}
.bluehead_title {
	background-color: #c8e1e0;
	border: 1px solid #6d9baa;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.bluehead_title h1 {
	
	color: #6a98a8;
	padding: 4px;
	margin: 0px;
}
/*---------- For the for greyarrow container -----------*/


.greybox_contentpane {
	padding: 8px;
	border: 1px solid #a7a7a7;
	text-align: left;
	height: 250px;
}
.greyarrowhead_title{
	background-image: url(greyarrowtitleback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #cccccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2;
	margin-left: 0;
	border: 1px solid #a7a7a7;
	padding-left: 30px;
	height: 32px;
}
.greyarrowhead_title h1 {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	padding: 4px;
	margin: 0px;
}

/*---------- For the for bluearrow container -----------*/


.bluebox_contentpane {
	padding: 8px;
	border: 1px solid #a7a7a7;
	text-align: left;
	height: 250px;
}
.bluearrowhead_title{
	background-image: url(bluearrowtitleback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #cccccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2;
	margin-left: 0;
	border: 1px solid #89a2b5;
	padding-left: 30px;
	height: 32px;
}
.bluearrowhead_title h1 {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	padding: 4px;
	margin: 0px;
}

/*---------- For the for redarrow container -----------*/


.redbox_contentpane {
	padding: 8px;
	border: 1px solid #a7a7a7;
	text-align: left;
	height: 250px;
}
.redarrowhead_title{
	background-image: url(redarrowtitleback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #cccccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2;
	margin-left: 0;
	border: 1px solid #ab6664;
	padding-left: 30px;
	height: 32px;
}
.redarrowhead_title h1 {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	padding: 4px;
	margin: 0px;
}

/*---------- For the sidewhite container -----------*/

.side_white {
	background-color: #FFFFFF;
	border: 2px solid #95403c;
	clear: both;
	padding: 8px;
}
.sidewhitecontentpane {
	margin: 0px;
	padding: 0px;
	color: #666666;
}
.whitehead_title {
	background-color: #CCCCCC;
	border: 1px solid #000000;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.whitehead_title h1 {
	color: #333333;
	padding: 4px;
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
}

/*---------- For the side-nobox container -----------*/

.side_nobox {
	clear: both;
	padding: 8px;
}
.sidecontentpane {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.nobox_title {
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.nobox_title h1 {
	color: #FFFFFF;
	padding: 4px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
}

.side_nobox .normal a:link{
	color: #FFFF66;
}

/*---------- For the main-nobox container -----------*/

.main_nobox {
	clear: both;
	padding: 0px;
}
.maincontentpane {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}
.nobox_title {
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
