body{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: arial;
}

.ifactive { border-bottom: 3px solid #285FA3 !important;}

.btn_small {
		border: 1px outset;
		background : #f0f0f0;
		border-radius: 4px;margin: 2px;
		
		font-family: arial;
		font-size : 10px;
		
		cursor: pointer;
		
}

.btn_selected {
		border: 1px inset;
		background: #909090;
		border-radius: 4px;margin: 2px;
		font-family: arial;
		font-size : 10px;
		float: left;padding : 0px;
}

.jstree-contextmenu{
	z-index: 2;
}


.module_icon{	
	border: 1px solid #ECE8E0;
	position: relative;	
	top : 0px;	
}
.module_icon:HOVER{	
	border: 1px solid #8A8A8A; 
	position: relative;	
	top : 0px;	
}
.smodule_icon{	
	border: 1px inset; 
	position: relative;	
	top : 0px;	
}
.tab_link{
	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 10px;
}
.tab_link:HOVER{
	color: black;
	background-color: #FDF9F0;
	text-decoration: none;
	font-family: arial;
	font-size: 10px;
	border-top: solid 1px #EF8846;
	overflow: visible;
	position: relative;

}
.cTxt{
	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
}
.cTxt:HOVER{
	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
}
.loginTxt{
	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
}
.loginInput{
	color: black;
	background-color: #E0E0E0;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	border: 1px inset black;
	margin: 2px;
}
.navItem {
	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;

}

.menu14{
	color: black;
	background-color: #D4D0C8;
	text-decoration: none;
	font-family: arial;
	font-size: 14px;
}
.menu14_link{
	color: black;
	border: 1px solid #D4D0C8;
	background-color: #D4D0C8;
	text-decoration: none;
	font-family: arial;
	font-size: 14px;
}
.menu14_link:HOVER{
	color: black;
	background-color: #D4D0C8;
	text-decoration: none;
	font-family: arial;
	font-size: 14px;
	border: 1px solid #8A8A8A; 
}
.tdHead {
	background-color: #D4D0C8;
	border-bottom: 1px solid #808080;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid #808080;
	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;	
}
.tdCell {
	border-bottom: 1px solid #808080;
	border-left: 1px solid white;
	border-top: none;
	border-right: 1px solid #808080;
	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;	
}
.tdHead2 {
	background-color: #D4D0C8;
	border-bottom: 1px solid #808080;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid #808080;
	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;	
}
.thItem {

	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	background-color: #D4D0C8;
	border-left: 1px solid white;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.trItem {

	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	background-color: white;
	border-left: 1px solid white;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.calTD {

	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	background-color: white;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
.ncalTD {

	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	background-color: #d0d0d0;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
.dayNumber {
    text-align: right;
    background-color:  #D4D0C8;
    border-bottom: 1px solid #808080;
}
.dayContent {
	font-family: Arial;
	font-size: 9px;
    text-align: left;
    background-color:  white;

}
.mLink {
	color: black;
	padding-left : 5px;
	padding-right : 5px;
	text-decoration: none;
	font-family: arial;
	border-left: 1px solid white;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.wLink {
	color: black;
	text-decoration: none;
	font-family: arial;
}
.divEvent {
	color: black;
	padding-left : 1px;
	padding-right : 1px;
	text-decoration: none;
	font-family: arial;
	border-left: 2px solid gray;
	border-bottom: 1px solid #808080;
	border-top: 1px solid white;

}
.headRow {

	color: black;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	background-color: #D4D0C8;
	border-top: 1px solid white;
	border-bottom: 1px solid #808080;
	padding-left : 5px;

}



	.multipleSelectBoxControl span{	/* Labels above select boxes*/
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}
	.multipleSelectBoxControl div select{	/* Select box layout */
		font-family:arial;
		height:100%;
	}
	.multipleSelectBoxControl input{	/* Small butons */
		width:25px;	
	}
	
	.multipleSelectBoxControl div{
		float:left;
	}
	.cell_prefs { 	height : 20px;width : 170px;
					font-family : arial;font-size : 10px;
					background : rgb(237,237,237);
					border-top : 1px solid white; 
					border-left : 1px solid white;
					border-right : 1px solid black; 
					border-bottom : 1px solid black;
					}
	.layer_header {
					margin: 0px;
					padding-top : 3px;
					height : 20px;
					font-family : arial;font-size : 10px;
					background : rgb(237,237,237);
					border-top : 1px solid white; 
					border-left : 1px solid white;
					border-right : 1px solid black; 
					border-bottom : 1px solid black;
	}
	.layer_content {
					margin: 0px;
					
					
					font-family : arial;font-size : 10px;
					background : rgb(237,237,237);
					border-top : 1px solid white; 
					border-left : 1px solid white;
					border-right : 1px solid black; 
					border-bottom : 1px solid black;
	}
.txt_field16 {

					height : 16px;width : 90px;

					padding : 1px;

					font-size : 9px;

					font-family : arial;

					}

	.txt_field20 {

					height : 20px;width : 90px;

					padding : 1px;

					font-size : 12px;

					font-family : arial;
					border-color: gray;
					border-width: 1px;
					}

.txt_field20div {

					height : 16px;
					width : 90px;
					
					background-color:white;
					padding : 1px;

					font-size : 12px;

					font-family : arial;
					border: 1px solid #a0a0a0;
					
				}
	.txt16 {
		font-size : 16px;font-family : arial;
	}


	.playlist_table { 

		margin : 0px;padding : 0px;border : 1px solid gray;

	

	}

	.icon { cursor : pointer; }



	.tab_a { text-align : center;font-size : 12px;

	}



	.fg-button { outline: 0; margin:0 4px 0 0; padding: 2px 2px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }

	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

	

	a.fg-button { float:left; }

	

	/* remove extra button width in IE */

	button.fg-button { width:auto; overflow:visible; }

	

	.fg-button-icon-left { padding-left: 2.1em; }

	.fg-button-icon-right { padding-right: 2.1em; }

	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }

	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

	

	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

	

	.fg-buttonset { float:left; }

	.fg-buttonset .fg-button { float: left; }

	.fg-buttonset-single .fg-button, 

	.fg-buttonset-multi .fg-button { margin-right: -1px;}

	

	.fg-toolbar { padding: 5px; margin: 0;  }

	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }

	.fg-toolbar .fg-button { font-size: 1em;  }
.ui-layout-north {
	
	background: #DDDDDD !important;
	margin : 0px !important;
	padding : 0px !important;
}
.outer-center, .inner-center {

	margin : 0px !important;

	padding : 0px !important;

}

.ui-layout-toggler-north ,
.ui-layout-toggler-south		{ 

	background: #DDDDDD url(../../img/toggle_horizontal.png) no-repeat center top !important;  } 


.ui-layout-toggler-west,
.ui-layout-toggler-east		{ 

	background: #DDDDDD url(../../img/toggle_vertikal.png) no-repeat center left !important;  } 	

	
.ui-layout-resizer-closed {
	background: #DDDDDD !important;
	opacity: 1 !important;
	}
.ui-layout-resizer-north-closed {
	border-top : 1px solid #bbbbbb !important;
	border-left : 1px solid #bbbbbb !important;
	}

.ui-layout-resizer-south-closed,
.ui-layout-resizer-west-closed {
	border-bottom : 1px solid #bbbbbb !important;
	border-left : 1px solid #bbbbbb !important;
	}
	
.ui-layout-south {

		font-family : arial;font-size : 12px; }

.outer-west, 
.inner-west, .inner-south, .inner-north, 
.sidebar-north, .sidebar-center,.sidebar-south {

	margin : 0px !important;

	padding : 0px !important;

	background : #f0f0f0 !important;

}
.inner-north {
	border-top : 0px !important;
	border-right : 0px !important;
} 

.inner-center {
	border-right : 0px !important;
	overflow: hidden !important;
	
}
.inner-south { overflow: hidden !important; }
 .west_header {
	 background: #e6e6e6;


 	height : 24px;
	line-height: 18px;
 	font-size : 14px;

 	font-family : arial;

 	vertical-align : middle;

 	padding : 4px 0px 0px 10px;



 	border-bottom : 1px solid white;

 	

 }

 .west_content {

 	height : 200px;

 	background : #f0f0f0;

 	border-top : #b8b8b8 solid 1px;

 	

 }
  .if_user_menu_txt{
 	text-decoration: none;
 	color: rgba(0,0,0,.75);
 	background: #C9C6BF;
 	border-left: 1px solid white;
 	border-right: 1px solid black;
 	height: 16px;line-height: 16px;
 	padding : 2px 10px 2px 10px;float: left;
 	background-image:url('../images/if_user_bg.png');
 }
 
 .if_user_menu{
 	text-decoration: none;
 	color: rgba(0,0,0,.75);
 	background: #C9C6BF;
 	border-left: 1px solid white;
 	border-right: 1px solid black;
 	height: 16px;line-height: 16px;
 	padding : 2px 10px 2px 10px;float: left;
 /*	background-image:url('../images/if_user_bg.png'); */
 }
 
 .if_user_icon{
 	display:inline-block;opacity: .75;vertical-align: middle;position: relative;top: -1px;
 }
 .if_user_link{
 	text-decoration: none;
 	color: rgba(0,0,0,.75);
 
 }
 .if_user_menu:HOVER{
 background: #C9C6BF;
 }
 .menu {	
	
	height : 90px;width : 100%;margin : 0px;padding: 0px;
	background-image:url('../images/bg_menu.png');
	}

.menuContainer {
 	
	margin : 2px;
	box-shadow:0px 0px 3px #8e887e;
	border : 1px solid #8e887e; -moz-border-radius:4px;border-radius:4px;
	height : 80px;  	
	font-family : arial;font-size : 11px;text-decoration: none;
	background: #EFEBE3;
 }

 .menuContainerTxt {
 	font-size : 11px;height : 16px;color : black;background : #C9C6BF;text-decoration: none;border-top: 1px solid #ffffff;
 }

  .menuContainerItem {
 	margin : 0px 2px 0px 2px;
 	text-decoration: none;
 }
   div.menuContainerItemLink {
 	display: block;padding : 0px 10px 0px 10px;
 	text-decoration: none;
 	margin : 1px;
 	color : black;
 }
    div.menuContainerItemLink:hover {
 	display: block;color : black;
 	margin : 0px;
 	background-image:url('../images/menu/item_background.png');
	background-repeat:repeat-x;
	border:1px solid #FFB700;
	cursor: pointer;text-decoration: none;
 } 
 .ui-jqgrid {
 border-left : 0px !important;border-bottom : 0px !important;
 }
 .ui-datepicker {z-index:1200;}
 
img { border : 0; }
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('../../../img/jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }


	.tabs-bottom { position: relative; } 
	.tabs-bottom .ui-tabs-panel { height: 150px; overflow: auto; } 
	.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; } 
	.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
	.ui-tabs-selected { margin-top: -3px !important; }
	.ui-tabs-panel { margin : 0px  !important;background : #f0f0f0 !important;padding: 0px  !important;}

.field_required{ border-color: red; border-width: 2px;}

.playlist_item{
	margin: 5px;
	box-shadow: 0px 0px 2px #888;"
	width: 720px;
}
.wdays {color: black;background: #f0f0f0; cursor: pointer;width: 18px;margin:0;text-align:center;height: 12px;font-size: 10px;line-height: 12px;margin-bottom: 1px;}
.wdays:HOVER {background: #a0a0a0;cursor: pointer;margin:0;margin-bottom: 1px;}
.day_normal {color: black;background: #f0f0f0; cursor: pointer;margin:0;margin-bottom: 1px;}
.day_selected {color: white;background: #505050; cursor: pointer; margin:0;margin-bottom: 1px;}
.btn_group {cursor: pointer;}
.if_headline_td {
	border: 1px solid lightgray;height: 80px;
}
.if_headline_div {
	height: 22px;box-shadow: 0 0 2px #888888;padding-left: 5px;border: 1px solid gray;background: #e0e0e0;font-size: 16px;
}
	.custom-combobox {
position: relative;
display: inline-block;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
/* support: IE7 */
*height: 1.7em;
*top: 0.1em;
}
.custom-combobox-input {
margin: 0;
padding: 0.3em;
}
.sel_time { background: #505050; cursor: pointer; color: white; font-weight: bold;}
.if_group_header { background: #e6e6e6 !important;font-size: 18px !important;font-weight: bold !important;}

.RowClassEven { background: #f0f0f0 }
.RowClassOdd { background: white }
.inactiveRowClass { color : silver;font-style: italic;}