/* ***************** general html tag definitions  *************** */
body, td { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif }

body    { color: #dee1e2; background-color: white; margin: 0px }
a:active	 { color: #0064a2; font-weight: bold }
a:link		  { color: #0064a2; font-weight: bold }
a:visited	  { color: #0064a2; font-weight: bold }
a:hover		  { color: #0064a2; font-weight: normal }

h1   { color: #0064a2; font-weight: 800; font-size: 16px }

 h2 { font-weight: normal; font-size: 14px; margin-top: 2px; margin-bottom: 2px }

h3{
	font-size: 12px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 10px;
}

p {
	margin: 0px 0px 8px 0px;
}

td {
	vertical-align: top;
}

th {
	text-align:left;
}

/* ***************** content and container definitions  ************** */ 

.box{
	width: 100%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
.boxHeadercell{
	padding: 0px 0px 1px 7px;
	width: 95%;
	background-color: #cccccc;
}
.boxHeaderanchor {
	font-size: 11px;
	font-weight: bold;
	cursor: default;
}
a.boxHeaderanchor:active	{text-decoration: none; color: #000000}
a.boxHeaderanchor:link		{text-decoration: none; color: #000000}
a.boxHeaderanchor:visited	{text-decoration: none; color: #000000}
a.boxHeaderanchor:hover		{text-decoration: none; color: #000000}

.boxHeadericons{
	padding: 2px 6px 2px 0px;
	width: 5%;
	background-color: #cccccc;
}

.centered {
	text-align: center;
	}
.footer{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #cdcdcd;
	font-size: 10px;
	padding-top: 1px;
	text-align: right;
}
.right {
	text-align: right;
}
.statusA{
	padding: 0px;
	background-color: #ffffff;
}
.statusB{
	padding: 10px 6px 10px 7px;
	background-color: #dee5f1;
}
.statusC{
	padding: 10px 6px 10px 7px;
	background-color: #f9efe7;
}
.text{
	width: 435px;
}
td#status{
	font-size: 11px;
	padding: 2px 0px 2px 27px;
}
a.noDeco:active		{text-decoration: none}
a.noDeco:link		{text-decoration: none}
a.noDeco:visited	{text-decoration: none}
a.noDeco:hover		{text-decoration: none}

.footer a:link		{color: #000000}
.footer a:visited	{color: #000000}

.whiteLine{
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ffffff;
}
.greyLine{
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #cccccc;
}
.boxSpacer{
	height: 10px;
}

/* ***************** form definitions  ************** */ 

form{
	margin: 0px;
}

input.button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #233A83;
	font-size: 10px;
	font-weight: bold;
	border: solid;
	border-width: 1px;
	border-color: #ffffff #ff6900 #ff6900 #ffffff;
	background-color: #fee9db;
	cursor: pointer;
}

.formfield{
	border: 1px solid #999999;
	padding:0px 0px 0px 3px;
	background-color: white;
}

.formfieldRequired{
	border: 1px solid #ff6900;
	padding:0px 0px 0px 3px;
	background-color: white;
}

.dropdown{
	border: 1px solid #999999;
	padding:0px 0px 0px 0px;
	background-color: white;
}

.dropdownRequired{
	border: 1px solid #ff6900;
	padding:0px 0px 0px 0px;
	background-color: #fee9db;
}
.formRow{
	padding: 10px 6px 10px 7px;
}
.formRowSmall{
	padding: 3px 6px 3px 7px;
}

.formLabelVelocity{
	width: 35%;
	vertical-align: bottom;
	text-align: right;
}

.formLabelVelocityTD{
	width: 35%;
	padding: 2px 6px 2px 0px;
	vertical-align: middle;
	text-align: right;
}

.formLabelVelocityTDTop{
	width: 35%;
	padding: 2px 6px 2px 0px;
	vertical-align: top;
	text-align: right;
}

.formLabel{
	width: 35%;
	padding: 2px 6px 2px 0px;
	vertical-align: bottom;
	text-align: right;
}
.formLabelBold{
	width: 35%;
	padding: 2px 6px 2px 0px;
	vertical-align: bottom;
	text-align: right;
	font-weight: bold;
}

.formLabelTop{
	width: 35%;
	padding: 2px 6px 2px 0px;
	vertical-align: top;
	text-align: right;
}

.formLabelShow{
	width: 65%;
	padding: 2px 6px 2px 0px;
	vertical-align: bottom;
}

.errorbox{
	padding: 3px 7px 3px 30px;
	border: 1px solid #cc0000;
	background-color: #ffffff;
}
.infobox{
	padding: 3px 7px 3px 30px;
	border: 1px solid black;
	background-color: #ffffff;
}
.info{
	color: black;
	font-weight: bold;
}
.error{
	color: #cc0000;
	font-weight: bold;
}
.errorBorder{
	border-color: #cc0000;
}
/* the following width are used for definition of textfield length in forms */
.date2 {
	width: 21px;
	} 
	
.date4 {
	width: 42px;
	}
.short{
	width: 46px;
}
.medium{
	width: 116px;
}
.long{
	width: 218px;
}
.inputdomain {
	width: 356px;
	}

/* ***************** navigation definitions  ************** */ 

td#nav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #203781;
	background-color: #efefef;
	width:185px;
}

td#nav div{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ffffff;
	padding: 3px 5px 3px 27px;
	background-repeat: no-repeat;

}

td#nav div a:active		{color: #203781; text-decoration: none}
td#nav div a:link		{color: #203781; text-decoration: none}
td#nav div a:visited	{color: #203781; text-decoration: none}
td#nav div a:hover		{color: #ff6900; text-decoration: none}

td#nav div.navlink_act a:active		{color: #ff6900}
td#nav div.navlink_act a:link		{color: #ff6900}
td#nav div.navlink_act a:visited	{color: #ff6900}
td#nav div.navlink_act a:hover		{color: #ff6900}

td#nav div.nav_title{
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	padding-top: 9px;
	padding-bottom: 9px;
}

td#nav div.norm{
	font-weight: bold;
	padding-left: 35px;
	background-image: url(../images/framework/nav_arrow_blue_norm.gif);
	background-position: 27px 7px;
}

td#nav div.open{
	font-weight: bold;
	padding-left: 35px;
	background-image: url(../images/framework/nav_arrow_blue_open.gif);
	background-position: 25px 8px;
}

td#nav div.act{
	font-weight: bold;
	padding-left: 35px;
	background-image: url(../images/framework/nav_arrow_orange_norm.gif);
	background-position: 27px 7px;
}

td#nav div.open_act{
	font-weight: bold;
	padding-left: 35px;
	background-image: url(../images/framework/nav_arrow_orange_open.gif);
	background-position: 25px 8px;
}

td#nav div.sub_norm{
	padding-left: 44px;
	background-image: url(../images/framework/nav_arrow_blue_norm.gif);
	background-position: 36px 6px;
}

td#nav div.sub_act{
	padding-left: 44px;
	background-image: url(../images/framework/nav_arrow_orange_norm.gif);
	background-position: 36px 6px;
}
/* ****************** process navigation *********************** */
.procNav{
	width: 542px;
	background-image: url(../images/framework/form_nav_bg.gif);
	background-repeat: repeat-x;
}
.procNavStep{
	padding: 2px 20px 0px 8px;
	font-size: 10px;
	font-weight: bold;
}
.procNavAct{
	color: #000000;
}
.procNavPas{
	color: #999999;
}
.procNavOK{
	color: #cccccc;
}

/* ***************** data table definitions  ************** */ 

.dataTable{
	width:100%;
	border-collapse:collapse;
}
.dataTableHead{
	font-weight: bold;
	padding: 4px 4px 4px 6px;
	font-size: 11px;
	border: 1px solid #cccccc;
	background-color: white;
}

.dataTableHeadLeft{
	font-weight: bold;
	padding: 4px 4px 4px 6px;
	font-size: 11px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #cccccc;
	background-color: white;
}

.dataTableHeadRight{
	font-weight: bold;
	padding: 4px 4px 4px 6px;
	font-size: 11px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: white;
}

.dataTable td{
	padding: 4px 6px 4px 6px;
	font-size: 11px;
	border: 1px solid #cccccc;
}
th.sortable a {
	background-image: url(../images/icons/ico_sort.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
    display: block;
    width: 70%;
    }
th.order1 a {
	background-image: url(../images/icons/ico_sort_asc.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;	
    display: block;
    width: 70%;
    }

th.order2 a {
	background-image: url(../images/icons/ico_sort_desc.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;	
    display: block;
    width: 70%;
}

a.rowArrow:link, a.rowArrow:visited, a.rowArrow:hover, a.rowArrow:active{
	background-image: url(../images/framework/nav_arrow_blue_norm.gif);
	background-repeat: no-repeat;
    background-position: 3px 4px;
    display: block;
    padding-left: 12px;
    text-decoration: none;
    width: 70%;
}

a.rowArrowAct:link, a.rowArrowAct:visited, a.rowArrowAct:hover, a.rowArrowAct:active{
	background-image: url(../images/framework/nav_arrow_blue_open.gif);
	background-repeat: no-repeat;
    background-position: 3px 4px;
    display: block;
    padding-left: 12px;
    text-decoration: none;
    width: 70%;
}

.DRowA{
	background-color: #d9d9d9;
}

.DRowB{
	background-color: #efefef;
}

.detail td{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	border: 0px;
}

.detailView {
	padding-left: 11px;
	border-left: 0px;
	border-right: 0px;
	}
	
.detailNew {
	background-color: #f9efe7;	
	}

.detailNewChanged {
	background-color: #f9efe7;
	font-weight: bold;
}

/* ***************** partner account definitions *********** */

table.partner {
	background-color: #dee5f1;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	}

table.partner th {
	font-size:11px;
	font-weight: normal;
	width: 50%;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #CCCCCC;
	padding: 6px 3px 6px 3px;
	}
table.partner td {
	/*border: 0px solid #CCCCCC;*/
	padding: 1px 10px 1px 10px;
	font-size:11px;
	}

/* ***************** news definistions ************ */
.news {
	width: 100%;
	border-width: 0px;
	height: 31px;
}

table.news td {
	text-align: center;
	vertical-align: middle;	
}

/* ***************** miscellaneous defs *********** */
span.pagebanner {
	
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	margin-top: 10px;
	display:block;
	border-bottom: none;
	vertical-align: middle;
}
span.pagelinks {
	border-left: 0px;
	border-right: 0px;
	text-align: center
}
.dataIcon{
	text-align: center;
}
.lRight{
	padding-left: 5px;
	text-align: right;

}
.help td{
	padding-right: 10px;
}