@import url("reset.css") all;


/* ***************************************
   ************ PAGE STRUCTURE *********** */
body {
	color: #333333;
	font: normal normal normal 75% "Verdana",Geneva,Arial,Helvetica,sans-serif;
	line-height: 120%;
	padding: 0; }
#page_margins { 
	margin: 0 auto;
	width: 960px; }
#page {
	box-shadow: 0 0 10px #AAAAAA; }
#main {
	clear: both;
background-color: #FFFFFF;
}
#col1 {
	float: left;
	width: 185px; }
#col1_content {
	position: relative;}
#col2 { 
	margin: 0 0 0 205px;
	min-height: 600px;
	width: auto; }
#col2_content {
	color: #002655;
	position: relative; }
/* *************************************** */


/* ***************************************
   ************** PAGEHEADER ************* */
#header { }
#header h1 {
	background: #FFFFFF url('../images/ocms_logo_dots_small.png') no-repeat 14px 15px;    
	height: 60px;
	width: 100%; }
#header h1 a {
	display: block;
	height: 60px;
	width: 400px; }
#header h1 span.invisible {
	visibility: hidden; }
/* *************************************** */


/* ***************************************
   ********** TOP NAVIGATION ************* */
#topnav {
	background-color: #002655;
	font: normal normal normal 11px/25px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	padding: 0 10px;
	text-align: right; }
#topnav ul {
	margin: 0;
	width: 100%; }
#topnav ul li {
	display: inline;
	line-height: 25px;
	list-style-type: none;
	margin: 0 10px 0 0; }
#topnav a {
	color: #FFFFFF;
	text-decoration: none; }
#topnav a:hover {
	text-decoration: underline; }
/* *************************************** */


/* ***************************************
   ************* PAGEFOOTER ************** */
#footer {
	background-color: #FFFFFF;
	border-top: 2px solid #002655;
	color: #002655;
	font: normal normal normal 11px/25px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	padding: 0 10px 0 0; }
#footer ul {
	height: 25px;
	margin: 0; }
#footer ul li {
	display: inline;
	float: right;
	line-height: 25px;
	list-style-type: none;
	margin: 0 0 0 10px; }
#footer a {
	color: #002655;
	text-decoration: none; }
#footer a:hover {
	text-decoration: underline; }
/* *************************************** */


/* ***************************************
   ******** WORKFLOW NAVIGATION ********** */
.workflowNavigation 
{
	padding: 30px 0;
	background-color: #002655; }
.workflowNavigation h3 {
	display: none; }
.workflowNavigation ul {
	list-style-type: none;
	margin: 0; }
.workflowNavigation ul li {
	margin: 0; }
.workflowNavigation ul li a {
	color: #FFFFFF;
	display: block;
	font: normal normal bold 12px/30px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	padding: 0 0 0 10px;
	text-decoration: none; }
.workflowNavigation ul li a:hover 
{
	background-color: #2BAFE6;
	color: #FFFFFF; }
.workflowNavigation .selectedLink {
	color: #F59C00; }
.workflowNavigation .selectedLink:hover { }
/* *************************************** */


/* ***************************************
   ****** CONTENT AND FORM ELEMENTS ****** */  
h2 {
	color: #F59C00;
	font: normal normal normal 28px/30px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	margin: 0 0 0 0; 
	padding: 30px 0 30px 0; }
p.wfDescription, p.textParagraph {
	font-size: 12px;	
	line-height: 30px;	
	margin: 0 0 25px 0; }    
p .highlighted {
	color: orange; }
.formPanel { }
.formrow  {
	margin: 2px 0; }
.formrow label {
	display: block;
	float: left;
	font: normal normal normal 12px/26px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	width: 130px; }
.formrow label.mandatoryErrorLabel {
    color: #F59C00;
}	
.formrow .mandatoryCharacter {
	font: normal normal normal 9px/26px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	left: -10px;
	position: absolute;
	width: 10px; }
p.mandatoryHint {
	bottom: 0;
	font: normal normal normal 9px/26px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	margin: 29px 0 0 0;
	position: absolute; }
/* textbox */
.formrow input {
	border: 1px solid #002655;
	font: normal normal normal 12px/20px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 20px;
	margin: 2px 0;
	width: 200px; }
.formrow input[disabled="disabled"] {
	background-color: #FFFFFF;
	color: #333333; }
/* date picker */
.formrow .datePicker input,
.formrow .datePicker.igte_EditWithButtons {
	border: none; }
.formrow .datePicker.igte_EditWithButtons input {
	border: 1px solid #002655;
	font: normal normal normal 12px/20x "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 20px !important;
	margin: 2px 0; 
	width: 200px !important; }
.datePicker.igte_EditWithButtons .igte_Button.igte_ButtonSize {
	display: none; }
.formrow .datePicker.igte_EditWithButtons input[disabled=""] {
	background-color: #FFFFFF;
	color: #333333; }
/* combobox */
.formrow select {
	border: 1px solid #002655;
	font: normal normal normal 12px/20px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 22px;
	margin: 2px 0;
	width: 202px; }
.formrow select[disabled="disabled"]  {
	background-color: #FFFFFF;
	color: #333333; }
/* checkbox */
.formrow input[type=checkbox] {
	border: none;
	width: 13px; }
/* buttons */
.buttonrow {
	margin: 29px 0 0 0; }
.buttonrow input {
	outline: none !important;
	height: 25px;
	margin-right: 10px; }
.buttonrow input[type=submit],
.buttonrow input[type=button] {
	border: none;
	background-color: #667C99;
	color: #FFFFFF;
	line-height: 25px;
	font: normal normal bold 12px/26px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	padding: 0 10px; }
.buttonrow input::-moz-focus-inner {
	border: 0; }
.dialogButtons input[type=submit]:hover,
.buttonrow input[type=submit]:hover,
.buttonrow input[type=button]:hover {
	background-color: #F59C00;
	color: #002655;
	cursor: pointer; }
.formrow img{
	margin: 2px 0; }
.photoButtonRow{
	margin: 0 0 0 130px; }
.photoButtonRow input {
	background-color: #565656;
	border: none;
	color: #FFFFFF;
	font: normal normal bold 12px/26px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 22px;
	margin: 2px 10px 2px 0; 
	outline: none !important;
	width: 75px; }
.photoButtonRow input:hover {
	background-color: #F59C00;
	color: #333333;
	cursor: pointer; }
.photoButtonRow input[disabled="disabled"] {
	display:none; }
/* *************************************** */
	

/* ***************************************
   *************** DATAGRID ************** */
.igg_Control.WebDataGrid {
	border: 1px solid #565656; }
.WebDataGrid .igg_Header {
	background: none;
	background-color: #565656;
	color: #FFFFFF;
	font: normal normal bold 12px/25px "Verdana",Geneva,Arial,Helvetica,sans-serif;  
	height: 25px; }
.WebDataGrid .igg_Header:hover > td {
	background-color: #565656; }
.WebDataGrid tbody.igg_Item > tr > td {
	background-color: #FFFFFF;
	border-top: 1px dotted #D6D6D6;
	font: normal normal normal 12px/25px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 25px;
	line-height: 25px;
	padding: 0px 8px; }
.WebDataGrid tbody > tr:hover > td {
	background-color: #CCE3EE; }
.WebDataGrid tbody > tr > td.igg_SelectedCell {
	background-color: #2BAFE6; }
.WebDataGrid .igg_Pager {
	background-color: #FFFFFF;
	border-top: 1px dotted #D6D6D6;
	font: normal normal normal 12px/25px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 25px;
	line-height: 25px;
	padding: 0 10px 0 0;
	right: 20px; }
.countRows {
	line-height: 25px; }
	
.BatchStatusWebDataGrid {

    width: 700px !important;
}
/* *************************************** */


/* ***************************************
   ************* DIALOGWINDOW ************ */
.dialogWindow.ig_Control.igdw_Control.igdw_Control.ig_Control,
.stopWorkflowDialog.igdw_Control.ig_Control {
	background-color: #FFFFFF;
	border: 1px solid #002655;
	box-shadow: 0 0 10px #AAAAAA;
	font: normal normal normal 12px/25px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	width: 360px; }
.dialogWindow .igdw_HeaderCornerLeft,
.dialogWindow .igdw_HeaderCornerRight,
.dialogWindow .igdw_BodyEdgeLeft,
.dialogWindow .igdw_BodyEdgeRight,
.dialogWindow .igdw_BodyCornerBottomLeft,
.dialogWindow .igdw_BodyEdgeBottom,
.dialogWindow .igdw_BodyCornerBottomRight,
.stopWorkflowDialog .igdw_HeaderCornerLeft,
.stopWorkflowDialog .igdw_HeaderCornerRight,
.stopWorkflowDialog .igdw_BodyEdgeLeft,
.stopWorkflowDialog .igdw_BodyEdgeRight,
.stopWorkflowDialog .igdw_BodyCornerBottomLeft,
.stopWorkflowDialog .igdw_BodyEdgeBottom,
.stopWorkflowDialog .igdw_BodyCornerBottomRight {
	display: none; }
.dialogWindow .igdw_HeaderContent,
.stopWorkflowDialog .igdw_HeaderContent {
	background: #002655 none;	
	padding: 0 0 0 2px;
	color: #FFFFFF; }
.dialogWindow .igdw_BodyContent,
.stopWorkflowDialog .igdw_BodyContent {
	border: none; }
.dialogWindow .igdw_BodyContent h1,
.dialogWindow .igdw_BodyContent p,
.stopWorkflowDialog .igdw_BodyContent p {
	margin: 10px;	}
.dialogWindow .igdw_BodyContentArea,
.stopWorkflowDialog .igdw_BodyContentArea {
	height: 120px; }	
.dialogWindow .dialogButtons,
.stopWorkflowDialog .dialogButtons {
	bottom: 0;
	margin: 10px 0 15px 0;
	position: absolute;
	text-align: center;
	width: 100%; }
.dialogWindow .dialogButtons input,
.stopWorkflowDialog .dialogButtons input {
	background: #667C99 none;
	border: none;    
	color: #FFFFFF;
	font: normal normal bold 12px/26px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 26px;
	margin: 0 5px;
	padding: 0 10px;
	width: 135px; }
/* *************************************** */


/* ***********************************************************
   * INDIVIDUAL LOGIN SCREEN FOR ...login.aspx?tenant=id-ware *
   *********************************************************** */  
.loginpage #page_margins,
.loginpageAdmin #page_margins,
.loginpageSelfservice #page_margins {
	margin: 0 auto;
	width: 100%; }
.loginpage #page,
.loginpageAdmin #page,
.loginpageSelfservice #page{
	border: none;
	box-shadow: none; }
.loginpage #header,
.loginpageAdmin #header,
.loginpageSelfservice #header {
	height: 50px;}
.loginpage #header h1,
.loginpageAdmin #header h1,
.loginpageSelfservice #header h1 {
	background: url("../images/ocms_logo_dots_small.png") no-repeat scroll 10px 10px #FFFFFF;
	float: left;
	height: 50px;
	margin: 0;
	width: 100%; }
.loginpage  #main,
.loginpageAdmin  #main,
.loginpageSelfservice  #main  {
	clear: both;
	margin: 0 0 40px 0; }
.loginpage #col2,
.loginpageAdmin #col2,
.loginpageSelfservice #col2 {
	margin: 0;
	width: auto; }
.loginpage #col2_content,
.loginpageAdmin #col2_content,
.loginpageSelfservice #col2_content {
	padding: 0; }
.loginpage #footer,
.loginpageAdmin #footer,
.loginpageSelfservice #footer {
	background-color: #FFFFFF;
	border-top: none;
	bottom: 0;
	color: #565656;
	padding: 0;
	position: absolute;
	text-align: right;	
	width: 100%; }
.loginpage #footer ul,
.loginpageAdmin #footer ul,
.loginpageSelfservice #footer ul {
	margin: 0 20px 0 0; }
.loginpage #loginFormArea,
.loginpageAdmin #loginFormArea,
.loginpageSelfservice #loginFormArea {
	border: 1px solid #CCC;
	border-radius: 15px;
	box-shadow: 5px 5px 6px #CCC;
	margin: 100px auto 0 auto;
	min-height: 235px; 
	padding: 15px;
	width: 400px; }
.loginpage #loginFormArea  {
	background: #FFF url('images/users.png') no-repeat 5px 20px; }
.loginpageAdmin #loginFormArea {
	background: #FFF url('images/gear_view.png') no-repeat 5px 20px; }
.loginpageSelfservice #loginFormArea {
	background: #FFF url('images/user_edit.png') no-repeat 5px 20px; }
.loginpage #loginFormArea h2,
.loginpageAdmin #loginFormArea h2,
.loginpageSelfservice #loginFormArea h2 {
	border: none;
	color: #F68712;
	font: normal normal normal 20px/25px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 25px;
	margin: 0 0 0 73px; }
.loginpage #loginFormArea p,
.loginpageAdmin #loginFormArea p,
.loginpageSelfservice #loginFormArea p {
	margin: 18px 0 18px 75px; }
.loginpage .formrow,
.loginpageAdmin .formrow,
.loginpageSelfservice .formrow {
	margin: 5px 0; }
.loginpage .formrow label,
.loginpageAdmin .formrow label,
.loginpageSelfservice .formrow label {
	display: block;
	float: left;
	font: normal normal normal 12px/32px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	width: 75px; }
.loginpage .formrow input,
.loginpageAdmin .formrow input,
.loginpageSelfservice .formrow input {
	border: 1px solid #BBBBBB;
	font: normal normal normal 12px/28px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 28px;
	margin: 0 0 0 0;
	padding: 1px 5px;
	width: 312px; }
.loginpage .formrow input:hover,
.loginpage .buttonrow input[type=submit]:hover,
.loginpageAdmin .formrow input:hover,
.loginpageAdmin .buttonrow input[type=submit]:hover,
.loginpageSelfservice .formrow input:hover,
.loginpageSelfservice .buttonrow input[type=submit]:hover {
	border: 1px solid #777;
	cursor: pointer; }
.loginpage .formrow input:focus,
.loginpageAdmin .formrow input:focus,
.loginpageSelfservice .formrow input:focus {
	background-color: #ECECEC;
	border: 1px solid #F68712;
	cursor: text; }
.loginpage .buttonrow,
.loginpageAdmin .buttonrow,
.loginpageSelfservice .buttonrow {
	margin: 15px 0 0 75px;
	text-align: right; }
.loginpage .buttonrow input[type=submit],
.loginpageAdmin .buttonrow input[type=submit],
.loginpageSelfservice .buttonrow input[type=submit] {
	background-color: #F68712;
	border: 1px solid #F68712;
	color: #ffffff;
	cursor: pointer;	
	font: normal normal normal 12px/30px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	height: 30px;    
	margin: 0;
	width: 85px; }
.loginpage #loginFormArea .errorMessage,
.loginpageAdmin #loginFormArea .errorMessage,
.loginpageSelfservice #loginFormArea .errorMessage {
	color: #FF0000;
	float: left;
	font: normal normal normal 12px/30px "Verdana",Geneva,Arial,Helvetica,sans-serif;
	margin: 0 0 0 75px;
	position: relative;
	top: -30px;
	width: 235px; }
.loginpage #loginFormArea a,
.loginpageAdmin #loginFormArea a,
.loginpageSelfservice #loginFormArea a {
	color: #F68712; }
/* *************************************** */


/* ***************************************
   ************* SELFSERVICE ************* */
 .selfservice #col1 {
	display: none; }
.selfservice #col2 {
	margin: 0; }
/* *************************************** */