/**************************************************************/
/*********************** General *******************************/
/**************************************************************/
.left-element {
   float: left;
   width: 98%;
   }

.right-element {
   float: right;
   width: 1%;
   text-align: right; /* depends on element width */
   } 
body {
	font-family: Verdana, Regular;
	font-size: 11px;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	background-image : url('../images/sidebar-menu.jpg');
	background-repeat: no-repeat;
	background-position: 0px 87px;
	background-color: #FFFFFF;
	background-attachment: scroll;
	color: #666666; 
}

td {
	font-family: Verdana, Regular;
	font-size: 11px;
}

th {
	font-family: Verdana, Regular;
	font-size: 11px;
}

th.a:hover {
	color: #FF9933;
}
	
em {
	font-weight : bold;
	font-style : normal;
}

A:ACTIVE, A:FOCUS, A:LINK, A:VISITED {
	color : #666666;
}

A:LINK, A:VISITED {
	color : #666666;
}

A:HOVER {
	color : #FF9933;
}

IMG {
	border : none !important;
	vertical-align: middle;
}


table {
	/*border: 1px solid black;*/
}

DIV#categoryLinks {
	font-size: 10px;
}

DIV#categoryLinks a {
	/* text-decoration:none; */
	color: #666666;
}


/**************************************************************/
/*********************** Page *******************************/
/**************************************************************/

DIV#page {
}

/**************************************************************/
/*********************** Header *******************************/
/**************************************************************/

DIV#header {
	width : auto;
	z-index : 1;
	top : 0;
	left : 0;
	right : 0;
	text-align: left;
}

DIV.logo {
	background:#FFFFFF url(../images/logo.jpg) no-repeat scroll left top;
	color:black;
	font-size:15pt;
	font-weight:bold;
	height:68px;
	padding-left:67px;
	text-align:left;
}

DIV.logo DIV {
	margin : 0px;
}

DIV.applicationName {
	background-image: url(../images/areeba.jpg);
	padding-left : 0px;
	font-weight: normal;
	font-size: 20px;
	height: 66px;
}

DIV.companyName {
	font-size: 12pt;
}

DIV.companyName {
	font-size : 0.6em;
	padding-left : 1em;
}

DIV#languageLink {
	position:absolute;
	right: 120px;
	top: 10px;
	font-size: 9px;
	color: #000000;
}

DIV#languageLink a {
	text-decoration:none;
}

DIV#languageLink a:link, DIV#languageLink a:visited {
	color: #FFFFFF;
}

DIV#languageLink a:hover {
	color : #FF9933;
}

DIV#historyPageLink {
	position:absolute;
	right: 120px;
	top: 10px;
	font-size: 11px;

}

DIV#historyPageLink a:link, DIV#historyPageLink a:visited {
	color: #330099;
}

DIV#historyPageLink a:hover {
	color : #C60000;
}

/********************** Main Menu *****************************/
/**************************************************************/

DIV#mainMenu {
	top : 0px;
	left : 10px;
	right : 0px;
	height : 15px;
	font-size : 11px;
	color : black;
	z-index : 2;
	width : auto;
	text-align : right;
	margin-top : 0px;
	margin-bottom : 0px;
	vertical-align : bottom;
	background : #ECB831;
	padding-top : 0.5em;
}

DIV#mainMenu a {
	padding-right : 40px;
	padding-left : 5px;
	color : black;
	text-decoration : none;
	z-index : 2;
}

DIV#mainMenu a:hover {
	color : #C60000;
}

DIV#mainMenu img {
	padding-right : 0.5em;
}


a#home + a {
	border-left : none;
}

a#home {
	right : 10px;
	left : 0px;
	top : 0px;
	z-index : 3;
	border : none !important;
	text-align : left;
	display : block;
	background : #CBC9CA;
	height : 20px;
}

DIV#mainMenu a.selectedMenuItem { 
	font-weight : bolder;	
}

em {
	float: left;
	margin-left: 4px;
}

/**************************************************************/
/************************ Menu ********************************/
/**************************************************************/

DIV#menu {
	width : 123px;
	float: left;
	margin-top: 13px;
	margin-left: 0.3em;
	text-align: center;
}

DIV.subMenuHeader {
	padding-top : 1em;
	padding-bottom : 0.5ex;
	margin-left : 5px;
	font-weight : bold;
	margin-bottom : 0em;
}

DIV.subMenu {
	
}

DIV.subMenu a {
	text-decoration : none;
	font-size : 11px;
	font-weight : bold;
	color : #535353;
	display : block;
	padding : 1em 15px 0.5em 0px;
	vertical-align : middle;
	text-align : center;
}

DIV#menu a:link, DIV#menu a:visited {
	color: #000000;
}

DIV#menu a:hover {
	color : #C60000;
}

DIV#logout {
	position : absolute;
	bottom : 20px;
	left : -30px;
	width : 130px; 
}

DIV#menu a.selectedMenuItem {
	font-weight : bolder;
	color: #C60000;
}


/**************************************************************/
/******************** Body Content ****************************/
/**************************************************************/
DIV#bodyContent {
	background: white;
	position : absolute;
	top : 125px;
	left : 160px;
	padding-left : 1.5em;
	padding-right: 1em;
	text-align: left;	

}


h1 {
	background : url('../images/bg_dot_grey.gif') repeat-x bottom;
	color : #C60000;
	font-weight: bold; 
	font-size: 16pt; 
	font-family: arial, verdana, helvetica;
}


h2 {
	color : #000000;
	font-weight: bold;
	font-size: 13pt;
	margin-bottom: 2px;
	margin-top: 17px;
	font-family: arial, verdana, helvetica;
	
}

h2.section {
	background : url('../images/bg_dot_grey.gif') repeat-x bottom;
	color : #000000;
	font-weight: bold;
	font-size: 14pt;
	margin-bottom: 15px;
	margin-top: 20px;
	font-family: arial, verdana, helvetica;
	
}

h3 {
	color : #000000;
	font-weight: bold;
	font-size: 12pt;
	margin: 0em 0em 0em 0em;
	font-family: arial,verdana, helvetica;
}

h4 {
	color : #000000;
	font-weight: bold;
	font-size: 8.5pt;
}

em.important {
	color: #FF0000;
	font-style: normal;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 1em 0em;

}

select {
	font-size: 7.5pt;
}

table.rbt, table.disabled {
	border-style:none; 
	border-width:medium; 
	border-collapse: collapse; 
	padding-bottom: 2em;
	margin-bottom: 1em
}

input.button, input.function {
	border: 1px solid black;
	font-weight: bold;
	font-size: 8pt;	
	color: white;
	background-image : url('../images/buttonFabric.jpg');
	background-position :  left 50%;
	background-repeat : repeat-x;
	margin: 0em;
	text-align: center

}

input.function {
	margin-left: 1em;
}

.rbt tr th, .disabled tr th {
	font-weight: bold;
	text-align: left;
	margin-bottom: 0em;
	padding-left: 0.3em;

}

.rbt tr th A:link, .rbt tr th A:visited {
	color:#666666;
}


.rbt tr.group th, .disabled tr.group th {
	border-top: white solid 3px;
	font-weight: normal;
	margin: 0em 0em 0em 0em;
	text-align: left;
	background-color: #DCDCDC;	
	padding: 0.7em 0em 0.7em 0em;	
	color:#000000
}

.rbt tr.group th A:link, .rbt tr.group th A:visited {
	color:#000000;
}


.rbt tr.tableTop th, .disabled tr.tableTop th {
	/* background: #FF0000; */
	height: 6px;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	border-bottom-style: solid;
	border-bottom-color: #ECB831;
	
}


.rbt tr.group img,  .rbt tr.group input.function {
	padding-left: 1em;
}

.rbt tr th.rbtName {
	width: 150px;
}

.rbt tr th.artist {
	width: 135px;
}

.rbt tr th.date {
	text-align: center; 
	width: 74px;
}

.rbt tr th.img {
	text-align: center; 
	width: 80px;
}

.rbt tr th.icon {
	text-align: center; 
	width: 50px;
}


.rbt tr th.contactName {
	width: 180px;
}

.rbt tr th.telephone {
	width: 240px;
}


.rbt th img, .disabled th img  {
}

.rbt tr td.description {
}

.rbt tr td.date {
	text-align: center; 
}

.rbt tr td.status {
	text-align: center; 
}

.rbt tr td.icon {
	text-align: center; 
	width: 50px;	
}

.rbt tr td.img {
	text-align: center; 
	width: 80px;
}

.rbt tr td.contactName {
	width: 180px;
}

.rbt tr td.telephone {
	width: 240px;
}

.rbt tr.even td, .rbt tr.evenActive td, .disabled tr.even td, .disabled tr.evenActive td {
	background-color: white;
	padding: 1px 5px 1px 5px;
	border-right: white solid 3px;
	border-top: white solid 3px;

}

.rbt tr.odd td, .rbt tr.oddActive td, .disabled tr.odd td, .disabled tr.oddActive td {
	background-color: #F4F4F4;
	padding: 1px 5px 1px 5px;
	border-right: white solid 3px;
	border-top: white solid 3px;
	
}

.rbt tr.tableEnd td, .disabled tr.tableEnd td {
	background-color: white;
	height: 6px;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	border-bottom-style: solid;
	border-bottom-color: #ECB831;
	/* border-bottom: #FF0000 solid 1px; */


}

tr.oddActive td{
	color: #FF0000;
}

tr.evenActive td{
	color: #FF0000;
}


.rbt tr.group td, .disabled tr.group td  {
	background-color: #C9DEE5;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 3px;
	padding-bottom : 1px;
	font-size: 7.5pt;
}

.rbt tr.group a, .disabled tr.group a {
	padding : 0em 0.5em 0em 0em;	
}

.rbt tr.group img.next, .disabled tr.group img.next {
	padding : 0em 0em 0em 0em;
}

.rbt tr.group img.function, .disabled tr.group img.function  {
}


.rbt caption, .disabled caption {
	font-size: 7.5pt;
	text-align: left;
	padding: 1em 0em 0.5em 0.2em;
}

caption.group {
	text-align: left;
	padding: 0em 0.5em 0em 0.5em;
	font-size: 7.5pt;
}

caption.groupDisabled {
	text-align: left;
	padding: 0em 0.5em 0em 0.5em;
	font-size: 7.5pt;
}

.rbt input.button, .disabled input.button {
	border: 1px solid black;
	font-weight: bold;
	font-size: 8pt;	
	color: white;
	background-image : url('../images/buttonFabric.jpg');
	background-position :  left 50%;
	background-repeat : repeat-x;
	margin: 0em;
	text-align: center
}

.rbt td.expiring {
	text-align: right;
}

.rbt td.expiring a {
	color: #FF0000;

	
}

.rbt img {
	text-align: center;
}

.rbt a {
}

.rbt a:hover {
	color : #FF9933;
}

td.label {
	padding : 0.5em 0em 0.5em 0em;
	vertical-align: middle;
}

td.field, td.controls {
	padding : 0em 0.8em 0em 0.8em;
	vertical-align: bottom;
	
}

table.fieldset {
	
}

input {
	font-size: 7.5pt;
}

.fieldset th {
	font-size: 7.5pt;
	padding: 0.8em 0.5em 0.5em 0em;
	
}

.fieldset td.label {
	padding: 0em 0.5em 0em 0em;
	vertical-align: middle;

}

.fieldset td.field {
	padding : 0em 0.5em 0.2em 0em;
	vertical-align: bottom;
}

.fieldset td.controls {
	padding: 0.6em 1em 0.8em 1em;

}

ul {
	margin-top : 0.3em;
}


colgroup.contactName {
	width: 150px; 
}

colgroup.telephone {
	width: 220px; 
}

colgroup.img {
	text-align: center; 
	width: 80px;
}

colgroup.rbtName {
	width: 150px; 
}

colgroup.artist {
	width: 135px; 
}

colgroup.date {
	width: 74px; 
}

colgroup.icon {
	text-align: center; 
	width: 50px;
}

colgroup.timeDescription {
	width: 110px; 
}

colgroup.scheduleDescription {
	width: 130px; 
}

colgroup.contactName {
	width: 177px; 
}

colgroup.telephone {
	width: 236px; 
}

DIV#login {

}

DIV.button {
	text-align: left;
	width: inherit;
	padding : 1em 0em 0.8em 0em;
	display: block;
	
}



DIV.backButtonPanel {
	background :  url('../images/bg_dot_grey.gif') repeat-x top;
	text-align: left;
	width: inherit;
	display: block; padding-left:0em; padding-right:0em; padding-top:1em; padding-bottom:0.8em

}

DIV#button {
	text-align: left;
	width: inherit;
	padding : 1em 0em 0.8em 0em;
	display: block;
	
}



DIV#backButtonPanel {
	background :  url('../images/bg_dot_grey.gif') repeat-x top;
	text-align: left;
	width: inherit;
	display: block; padding-left:0em; padding-right:0em; padding-top:1em; padding-bottom:0.8em

}


DIV.button input.button, DIV.backButtonPanel input.button {
	margin: 0.5em 0em 0.5em 0em;
}

DIV#form {
}

div.changeView, a.changeView {
	font-weight: bold;
	margin: 1em 0.3em 2em 0.3em;
	display: block;
}

DIV#errorMessages {
	color: #FF0000;
	font-weight: bold;
	font-size: 7.5pt;
	margin: 1em 0em 1em 0em;
}

/**************************************************************/
/************************ Footer*******************************/
/**************************************************************/
DIV#footer {
	display: none;
	text-align: right;	
	vertical-align: bottom;	

}


DIV#copyright {
	
}