@charset "utf-8";
/* styles for CMS */
/* put styles used for both cms- and website-transactions in shared.css */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
td {
	font-size: 10px;
}
th {
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	height: 27px;
	background-image: url(../images/header.png);
	padding-left: 2px;
}
input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
a {
	color: #666666;
}
a:hover, .link_active {
	text-decoration: underline;
	background-color: #DDDDDD;
}

/***************** classes ************************/
.cms_body {
	margin: 0px;
}
.table_main {
	width: 1000px;
}
.header1{
	font-size: 14px;
	font-weight: 800;
}
.smallform {
	width: 140px;
}

/***************** table_list ************************/
.menu td {
	height: 55px;
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 5px;
	background-color: #D6DFF7;
}
.menubutton {
	width: 100px;
	text-transform:capitalize;
}
.menu .bar_toggler {
	width: 20px;
	cursor: pointer;
	cursor: hand;
	background-color: #FF0000;
}
.deleted_record, .deleted_record a {
	color: #FF0000;
}
/***************** table_list ************************/
.statusbar {
                background-color: #D6DFF7;
                height: 55px;
}
                .statusbar_label {
                               font-weight:bold;
                }
                .statusbar .info {
                               display: none;
                }
                .statusbar h1 {
                               padding-left: 5px;
                }
                .statusbar .label_and_value {
                               float: right;
                               margin-right: 5px;
                }


.table_list {
	width: 100%;
}
.table_list td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
	vertical-align: bottom;
	height: 23px;
	padding-right: 5px;
}
.table_list th a {
	padding-top: 5px;
	display: block;
	height: 22px;
	text-decoration: none;
}
.table_list th a:hover {
	border-bottom: #FFCC00 solid 2px;
	height: 20px;
	text-decoration: none;
}
.table_list th.DESC a {
	background-image:url(/CM/images/desc.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.table_list th.ASC a {
	background-image:url(/CM/images/asc.png);
	background-position:center top;
	background-repeat:no-repeat;
}

/***************** table_input ************************/
.table_input td {
	padding-top: 2px;
	padding-right: 2px;
}

/***************  dialog window ********************/
.selection_list a {
	display: block;
	width: 170px;
	overflow: hidden;
}
.dialog_main {
	width: 380px;
	padding:10px;
}
.dialog_footer {
	height: 40px;
	padding: 10px;
}
.popup_scroll_layer {
	height: 290px;
	overflow:auto;
}
.outlook_tabs a {
	display: block;
	text-decoration: none;
	height: 31 px;
	border: solid 1px #002D96;
	background-image:url(../images/outlook_tab.png);
	padding-top: 6px;
	padding-left: 3px;
	color: #000;
	font-weight: bold;
}
.outlook_tabs a:hover, .outlook_tabs a:active, .outlook_tabs .tab_selected {
	text-decoration: none;
	background-image:url(../images/outlook_tab_selected.png);
}

/***************  wizard ********************/
.wizard_body {
	margin: 0px;
}
.wizard_help, .dialog_help {
	width: 180px;
	height:350px;
	overflow:auto;
	padding: 10px;
}
.wizard_main {
	width: 380px;
	padding: 10px;
}
.wizard_footer {
	height: 40px;
	padding: 10px;
}
.block_select h4 {
	background-color:#666666;
	color: #FFFFFF;
}
.wizard #layer_logo {
	position:absolute;
	z-index:1001;
	left: 0px;
	top: 0px;
}

/***************  tree ********************/
.dtree {
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
/***************  main columns ********************/
.two_columns {
	background-image: url(/CM/images/background_left.gif);
	background-repeat: repeat-y;
}

/***************  leftcolumn ********************/
.leftcell {
	width: 250px;
}
.one_column .leftcell {
	display: none;
}

.leftcell .table_input {
	color: #215DC6;
	background-color: #D6DFF7;
	width: 230px;
	margin-top: 20px;
	border: solid #FFF 1px;
}
.leftcell .table_input a {
	color: #215DC6;
}
.leftcell .table_input th {
	background-color: #FFFFFF;
	padding-left: 2px;
	background-image: url(/CM/images/blue_gradient.jpg);
	background-repeat: repeat-y;
	background-position: right;
	font-size: 12px;
	font-weight: bold;
}
.leftcell .table_input td {
	padding-left: 2px;
	padding-right: 2px;
	height: 18px;
}
/***************  rightcolumn ********************/
.rightcell {
	padding-left: 5px;
}

/***************  rightcolumn left ********************/
.rightcell .column1 {
	float: left;
	width: 500px;
}
/***************  rightcolumn right ********************/
.rightcell .column2 {
	float: left;
	width: 230px;
	margin-left: 10px;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background-color: transparent;
	background-image: url(/CM/images/rounded.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
} 
.cssbox { 
    width: 535px !important; /* intended total box width - padding-right(next) */
    width: 520px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 
.cssbox, .cssbox td {
	color: #FFFFFF;
}
/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 40px 40px; /* mirror .cssbox_head right/left */ 
} 


#column1 {
	width: 400px;
	float: left;
}
#column2 {
	width: 320px;
	float: right;
}