html, body {
	background-image: url(../images/background.png);
	background-attachment: fixed;
	background-position: top center;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	text-align: left; 
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000; /* 2011-12-14 */
}
textarea {
	resize: none;
}

h2 { font-size: 0px; }

th{ color: white; }

a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	/*text-decoration: underline;*/  /* 2011-12-14 Kim's idea*/
	text-decoration: none;
	color: #818181; /*2011-12-19 by Kim #666666;*/ /* 2011-12-14 */
}
a:hover { color: #ababab; } /*2011-12-19 by Kim #cccccc;*/
a:active{ color: #e40045; } /*2011-12-19 by Kim #CF0D30;*/
/* a:visited { color: #CF0D30;} */
a:focus { outline:0; }


a[target="_blank"] {
	padding-right: 18px;
	display: inline-block;
	line-height: 14px;
	background: url(../images/new_window.png) center right no-repeat;
}



fieldset, input, textarea, select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

fieldset {
	padding: 1em;
}

#loadindicator {
	color: #DD1515;
	width: 16px;
	height: 16px;
	z-index: 1;
	top:20px;
	visibility: hidden;
	position: absolute;
	background-image: url(../images/indicator.gif);
}

#section_common_menu { /* Login / logout, top common menu + langauges */
	text-align: right;
}

/* => workspace - all infromation are displayed inside this element */
#pagecontainer {
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 870px; 
	padding: 10px;
	background-color: #FFF;
	color: #000;
	text-align: left;
}
/* <= */

/* => application path */
.app_path_link {
	/*color: #DD1515;*/ /* 2011-12-14 */
	font-weight: bold;
	text-decoration: none;
}

.app_path_link:hover {
	/*text-decoration: underline;*/
}

.app_path {
	font-weight: bold;
}

#app_path_last{
	color: #e40045; /*2011-12-19 by Kim #CF0D30; */
}
/* <= */

/* => table data are displayed inside this element */
#content {
	/*margin-left: 5px;*/
	width: 100%;
	float: left;
}
/* <= */

/* => text inside table cells */
.text {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #000000;
}
/* <= */

/* => form elements */
.input_form { /*  ...... hmm why special class for this ?? */
	margin-left: 5px;
	text-align: left;
	height: 12px;
	width: 153px;
	border: 1px solid #7f9db9;
}

input.invalid, textarea.invalid, select.invalid {
	background-color: #F99960;
	margin-left: 5px;
}

input.invalid:focus, textarea.invalid:focus, select.invalid:focus {
	background-color: #F99960;
	margin-left: 5px;
}

.imgbtn { /* for image that works like button */
	width: 27px;
	height: 20px;
	cursor: pointer;
}
/* <= */

/* file upload - commercilas , firmware ,skins etc =>  */
.file_input_textbox {
	float: left;
	margin-left: 5px;
	margin-top: 5px;

	height: 12px;
	width: 166px;
	border: 1px solid #7f9db9;
}

.file_input_div {
	position: relative; 
	width: 82px;
	height: 23px; 
	overflow: hidden;
	border: 0px solid red;
}

.file_input_button {
	background-color: #CCCCCC;
	border: 1px solid #000000;
	color: #000000;
	height: 16px;
	margin: 5px 0 0 6px;
	position: absolute;
	top: 0;
	width: 75px;
}

.file_input_hidden {
	font-size: 45px; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* for IE8 */ 
	filter: alpha(opacity=0); /* for IE5-7 */
	-khtml-opacity: 0; 
	/*-moz-opacity: 0;*/
}
/* <=   */

/* => table view - list of rows */
#content table.content, table.sortable { /* content - list of rows view */ 
 font-weight:		normal;
 width:			100%;
 background-color: 	#fafafa;
 border-collapse: 	collapse;
 border-spacing: 	0px; 
}

#content .center_content { /* content header with column names */
		background-image: url(../images/middle.png);
		background-repeat: repeat-x;
		background-position: right center;
}

#content .sortasc { /* used by tablesort.js - */
	color : #666666;
}

#content .sortdesc { /* used by tablesort.js - */
	color : #666666;
}


.rowodd { /* used by tablesort.js, form.tpl - row color */
	background-color: #efefef;
	border-collapse: collapse; border-bottom: 1px solid #efefef;
}
.roweven { /* used by tablesort.js, form.tpl - row color */
	background-color: #dedede;
	border-collapse: collapse; border-bottom: 1px solid #dedede;
}
/* maybe someday :)*/
.roweven:hover { border-collapse: collapse; border-bottom: 1px solid #A86464;}
.rowodd:hover {border-collapse: collapse; border-bottom: 1px solid #A86464;}
/* */

.row_ctrlist_distributor {
	background-color:#BFBEFF;
	border-bottom:1px dotted #EEEEEE;
}

.sortcol { /* used by tablesort.js - current sort column 	*/
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
	color: white;
}

.formbutton_large { /* buttons add new elemnet + bulk changes ... */
	width: 150px;
	height: 19px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	background: url(../images/menubutton.png);
	background-repeat: no-repeat;
	color: white;
}

.formbutton_large:hover {
	width: 150px;
	height: 19px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	background: url(../images/menubutton_overlay.png);
	background-repeat: no-repeat;
	color: black;
}

.autocomplete { /* used when searching data (input) - filtering resultset */
	background: #E3E4E5;
	padding: 1px;
	color: #999999;
	text-align: left;
	float: left;
	width: 80px;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 1px;
	border: 1px #CCCCCC solid;
}

.suggest:hover { /* autocomplete suggest  */
	color			: #ffffff;
	background-color	: #99cc00;
	margin			: 0px;
	cursor			: pointer;
}

IMG.displayed {
	display:	inline;/*block;*/
	margin-left:	auto;
	margin-right:	auto;
}

.delete {
	font-size: 15px;
	width: 50px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/delete.png);
	background-repeat: no-repeat;
}

.delete:hover {
	font-size: 15px;
	width: 50px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/delete_overlay.png);
	background-repeat: no-repeat;
}

.local_cal { /* display location calendar/agenda */
	font-size: 15px;
	width: 28px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/location.png);
	background-repeat: no-repeat;
}

.local_cal:hover {
	font-size: 15px;
	width: 28px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/location_overlay.png);
	background-repeat: no-repeat;
}

.hq_cal { /* display headquarter calendar/agenda */
	font-size: 15px;
	width: 28px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/hq.png);
	background-repeat: no-repeat;
}

.hq_cal:hover {
	font-size: 15px;
	width: 28px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/hq_overlay.png);
	background-repeat: no-repeat;
}

.swc_hq_loc_cal { /* switch between headquarter and local calendar */
	font-size: 15px;
	width: 50px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/new.png);
	background-repeat: no-repeat;
}

.swc_hq_loc_cal:hover {
	font-size: 15px;
	width: 50px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/new_overlay.png);
	background-repeat: no-repeat;
}

/* action buttons => */
.clrbtn { background-image: url(../images/btn_clr.png); }
.clrbtn:hover { background-image: url(../images/btn_clr_on.png); }

.searchbtn { background-image: url(../images/btn_search.png); }
.searchbtn:hover { background-image: url(../images/btn_search_on.png); }

.delbtn { background-image: url(../images/btn_del.png); }
.delbtn:hover {background-image: url(../images/btn_del_on.png);}

.editbtn {background-image: url(../images/btn_edit.png);}
.editbtn:hover {background-image: url(../images/btn_edit_on.png);}

.uploadbtn {background-image: url(../images/btn_upload.png);}
.uploadbtn:hover {background-image: url(../images/btn_upload_on.png);}

.ccalbtn {background-image: url(../images/btn_ccal.png);}
.ccalbtn:hover {background-image: url(../images/btn_ccal_on.png);}

.locbtn {background-image: url(../images/btn_loc.png);}
.locbtn:hover {background-image: url(../images/btn_loc_on.png);}

.calbtn {background-image: url(../images/btn_cal.png);border: 0px; margin: 0px 0 0 0; padding: 0; vertical-align: bottom;}
.calbtn:hover {background-image: url(../images/btn_cal_on.png);border: 0px; margin: 0px 0 0 0; padding: 0; vertical-align: bottom;}

.channelbtn {background-image: url(../images/btn_channel.png);}
.channelbtn:hover {background-image: url(../images/btn_channel_on.png);}

.upddevbtn {background-image: url(../images/btn-upddev.png);}
.upddevbtn:hover {background-image: url(../images/btn-upddev-on.png);}

.viewbtn {background-image: url(../images/btn-view.png);}
.viewbtn:hover {background-image: url(../images/btn-view-on.png);}

.stopbtn {background-image: url(../images/btn-stop.png);}
.stopbtn:hover {background-image: url(../images/btn-stop-on.png);}

.downloadbtn {width:18px; height:18px; background-image: url(../images/downd_red.gif);}

.langlistbtn {background-image: url(../images/btn_languages-off.png);}
.langlistbtn:hover {background-image: url(../images/btn_languages-on.png);}

.dlbtn {background-image: url(../images/download.png);}
.dlbtn:hover {background-image: url(../images/download_on.png);}

.cpbtn {background-image: url(../images/copy.png);}
.cpbtn:hover {background-image: url(../images/copy_on.png);}



/* <= */

/* customer types visible at customer list page ==> */
.ctr_distributor {
font-weight: bold;
}
.ctr_fws {

}
.ctr_streaming {

}
.ctr_eplayer {

}
/* <== customer types */

/* customer statuses ==> */
select.icon-menu {
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-top: 3px; 
	margin-bottom: 1px; 
	border: 0px none;
	height: 16px;
	width:60px;
}
select.icon-menu>option{
	background-repeat:no-repeat;
	background-position:bottom left;
}
/* <== customer statuses */

.prvInGoogle {
	cursor: pointer;
}
/* <= */

/* => dialog elements */
.alphacube_message table {
	margin-left: auto;
	margin-right: auto;
}

.formbutton_medium {
	width: 50px;
	height: 20px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/submit_overlay.png);
	background-repeat: no-repeat;
}

.formbutton_medium:hover {
	width: 50px;
	height: 20px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/submit_overlay_dark_gray.png);
	background-repeat: no-repeat;
}

.form { /* used in add new element dialog and edit new element dialog*/
	border: none;
	margin: 0 auto;
	padding-top: 10px;
}

.form_label { /* label that describe input field inside add/edit element dialog */
	padding-right: 5px;
	color: #000;
	text-align: right;
	padding-left: 5px;
	/*color: #666666;*/
}

.form_value { /* input forms at customer and updatedevice screen .... why separate class ??? */
	padding: 0px;
	color: #000;
	text-align: left;
	margin: 0px;
}

.required { /* input required */
	background-image: url(../images/required.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	margin-left: 5px;
	text-align: left;
	/* -webkit-appearance: none; */
}
/* better select
select.required { 
	background-image: url(../images/req_select.png);
	background-position: right 50%;
	background-repeat: no-repeat;
	margin-left: 5px;
	text-align: left;
	-webkit-appearance: none; 
}
*/

.req_combo { /* required combobox */
	width: 140px;
	/*width:155px;*/ /* with better select*/
	border: 1px solid #7f9db9;
	height: 16px;
	margin-left: 5px;
}

.form_value_info_only {
	text-align: left;
	padding-left: 10px;
	font-style: italic;
}

.form_label_c { /* name of section inside add/edit dialog */
	font-weight: bold;
	height: 17px;
	padding: 10px;
	color: #000;
	text-align: center;
	margin-left: 10px;
}

.optionaltablecss { /* additional information about customer (add customer dialog) */
	visibility: hidden;
}

.ok_button { /* dialog ok buttom -- redefine 'windows.js' button */
	width: 150px;
	height: 21px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/menubutton.png);
	background-repeat: no-repeat;
}

.ok_button:hover, .ok_button:focus  {
	width: 150px;
	height: 21px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/menubutton_overlay.png);
	background-repeat: no-repeat;
}

.cancel_button { /* dialog cancel buttom -- redefine 'windows.js' button */
	width: 150px;
	height: 21px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/menubutton.png);
	background-repeat: no-repeat;
}

.cancel_button:hover, .cancel_button:focus  {
	width: 150px;
	height: 21px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/menubutton_overlay.png);
	background-repeat: no-repeat;
}

.timeTpl {
	width: 40px; height: 16px;
}
.timeTpl_01 {
	width: 45px; height: 16px;
}
.dateTpl{
	width: 80px;
}

.calendar_div {
	z-index: 3; 
	position: absolute; 
	visibility: hidden; 
	background-color: white;
}

.inp_btn { /* redefine input button used in commercial scheduling page and server definition page */
	height			: 20px;
	width			: 90px;
	text-align		: center;
	vertical-align	: middle;
	margin: 5px;
}

#usrinf{ /* defines table that contains customer data that customer can see */
	border:1px solid #CCCCCC;
	padding:10px 30px 10px 20px;
}
.devupd_section_head { /* update device page */
	background-color:#ECECEC;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}
.devupd_section_tab { /* update device page */
	border-right: 1px solid #cccccc;
	float: left;
}
		
.hcbxl{
	text-align: left;
}

.bulk_upd_go_to_step2 {/* bulk update screen  */
	border:0px solid #cccccc;
	width: 100%;
	font-size:1em;
	text-align:right;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #bcbcbc;
}

/* <= */

/* => login dialog */
.login_input {
	background: #E3E4E5;
	padding: 1px;
	color: #999999;
	text-align: left;
	font-weight: bold;
	float: left;
	width: 123px;
	font-size: 14px;
	height: 16px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px #CCCCCC solid;
}

.login_error {
	color: #F00;
}

#login_error_msg {
	text-align: left;
}

.login_input input {
	width: 100%;
}

.overlay_streamalotlogin {
	background-color: #85BBEF;
	-ms-filter: "alpha(opacity=30)"; /* for IE8 */
	filter:alpha(opacity=30);/* for IE5-7*/
	/*-moz-opacity: 0.3;*/
	opacity: 0.3;
}
.streamalotlogin .lgnmsg {
	margin:0px; height: 22px; text-transform: capitalize;  font-size: 14px; font-weight: bold; vertical-align:middle;
}
.streamalotlogin .alphacube_buttons {
	background:transparent url(../images/tmm_logo.png) no-repeat scroll 55% bottom;
	border:0px solid red;
	height:70px;
	text-align:center;
	width:100%;
}

.streamalotlogin .alphacube_message {
	text-align: right;
}
/* <= */

/* => pager - switch between pages if there are more then X lines of result */
.pagerel {
	width: 17px;
	height:	16px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/paging/place.png);
	background-repeat: no-repeat;
}

.pagerel_active {
	color: #FFFFFF;
	width: 17px;
	height:	16px;
	margin: 0px;
	cursor: pointer;
	border: none;
	background: url(../images/paging/place_active.png);
	background-repeat: no-repeat;
}

.pagercenter {
	text-align: center;
	font-size: 0px;
}
.pager {
	line-height : 11px;
	margin-right : 2px;
	color: #000000;
}

.pager a {
	font-size : 9px;
	text-decoration: none;
	margin-right : 2px;
	color: #000000;
}

.pager a:hover {
	font-size : 9px; 
	color : red;
	margin-right : 2px;	
}
/* <= */


/* => header css */
#header {
	/*color:#666666;*/ /* 2011-12-14 */
	/*width:100%;
	height:103px;*/
	margin:0px;
	margin-bottom:0px;
}
	

/* header menu buttons */
#header ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

#header ul li {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header a {
	text-decoration: none;
	margin-right: 1px;
	width: auto;
	height: 32px;
	color: #818181; /*2011-12-19 by Kim #666666;*/
}

/* menu links */
#header .links a {
	/*color: #666666;*/ /* 2011-12-14 */
}

#header .links a:hover {
	/*color: #FF0000;*/ /* 2011-12-14 */
	color: #ababab; /*2011-12-19 by Kim #cccccc;*/
}

#header .navigation {
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#header .main_active {
	background-image	: url(../images/Red-Button.png);
	font-size: 16px;
	text-align: center;
	color : #ababab; /*2011-12-19 by Kim #cccccc;*/ 
}

#header .main_activated {
	background-image	: url(../images/Red-Button.png);
	font-size: 16px;
	text-align: center;
	color : #e40045; /*2011-12-19 by Kim #cf0d30;*/
}

#header .main_deactive {
	background-image	: url(../images/Gray-Button.png);
	font-size: 16px;
}

#header .sub_active {
	background-image	: url(../images/Red-Button-Small.jpg);
	font-weight : bold;
	color : #cccccc;
	font-size : 12px;
	height : 25px;
	text-align: center;
}

#header .sub_activated {
	background-image	: url(../images/Red-Button-Small.jpg);
	font-weight : bold;
	color : #ffffff;
	font-size : 12px;
	height : 25px;
}

#header .sub_deactive {
	background-image	: url(../images/Gray-Button-Small.jpg);
	font-weight : bold;
	font-size : 12px;
	height : 25px;
	color	: #666666;
}

#header ul li a {
	text-align: center;
	float: left;
	line-height: 32px;
}

#header ul li a:hover {
	text-align		: center;
	float			: left;
	line-height		: 32px;
}

#header span {
	display	: 	inline;
}

#header #username {
	margin-left: 10px;
	font-weight : bold;
}

#header .menu_bar_before {
	background-repeat	: repeat-x;
	background-position : top left;
	background-image	: url(../images/Gray-Bar.jpg);
	width: 492px;
	height : 32px;
	margin: 0px;
	padding: 0px;
}

#header .menu-bar-middle {
	background-position : top left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
/* <= */

/* => calendar css */
#dayContainer{	/* just a holder inside the calender */
}

.day { /* agenda header- names of week day */
	color		: #666666;
	font-weight : bold;
	font-size	:11pt;
	background	: url(../images/top-button.png) no-repeat;
	cursor		: pointer;
}

#dayContainer .eventHeader {
	margin 		: 1px;
	top 		: 0px;
	position 	: relative;
	cursor 		: move;
}

#overlay { /* what period has been marked using mouse */
	z-Index: 50000000;
	position:absolute;
	overflow:hidden;
	-ms-filter: "alpha(opacity=50)"; /* for IE8 */
	filter:alpha(opacity=50);/* for IE5-7*/
	/*-moz-opacity: 0.5;*/
	opacity : 0.5;
	background-color : #A0FF16;
}

#overlay.warning, .warning { /* in case if more then one event is planned to be played at the same time */
	font-size : 0px;
	background-color : #FA0000;
	-ms-filter: "alpha(opacity=50)"; /* for IE8 */
	filter:alpha(opacity=50);/* for IE5-7*/
	/*-moz-opacity: 0.5;*/
	opacity: 0.5;
	border: 0px #ff0000 solid;
}

.wa_day_odd { /* other color of day in week agenda*/
	background-color : #f0f0f0;
}

div.event { /* any event inside weekly agenda */
	position: absolute;
	width: 80px;
	padding: 0px 0;
	margin:0 auto;
	text-align:center;
	background: #9CC0FF;	
}

.channel_1 { /* slience */
	background-color:#6666CC;
	-ms-filter: "alpha(opacity=50)"; /* for IE8 */
	filter:alpha(opacity=50);
	/*-moz-opacity: 0.5;*/
	opacity : 0.5;
}
.channelHeader_1 { /* slience header */
	background-color:#E4E4E4;
}

.sel_cal_action { /* select calendar action (fe. copy all events to other day ) */
	background-color: #ffffff;
	color: #000000;
	text-align : center;
	margin-left : 2px;
	display : inline;
}

.time {
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	height: 24px;
	z-index: 1;
	color: #9999FF;
	border-width: 1px;
	border-style: solid;
}

#preselector {
	font-size: 0px;
	position:absolute;
	left: 200px;
	top: 0px;
	height:5px;
	width: 105px;
	background-color: #999999;
	z-Index: 1;
	overflow:hidden;
}

#dayContainer .timestamp {
	font-weight : bold;
	text-align: center;
	color: #111111;
	font-size: 9px;
	line-height: 10px;
}

#dayContainer .timestamp_20 {
	font-weight : bold;
	text-align: center;
	color: #111111;
	font-size: 6px;
	line-height: 6px;
}


#spacer {
	width : 65px;
	background-color : #ffffff;
}

.daylist_contextmenu {
	padding: 0px;
	margin: 0px;
}

.daymenu {
	display:inline;
}
.daymenu a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
.daymenu a:hover {
	color : #49aee4;
}

.dh_0 {
	margin: 0px;
	padding: 0px;
	border-bottom:1px dotted #dddddd;
	height: 11px;
	font-size:5pt;
}

.dh_1 {
	margin: 0px;
	padding: 0px;
	border-bottom:1px dotted #cccccc;
	height: 11px;
	font-size:5pt;
}
.spacer{
	color : #666666;
	font-weight : bold;
	font-size:8pt;
	text-align:center;
	height:19px;
	width:65px;
	margin: 0px;
	padding: 0px;
	border-bottom:1px dotted #cccccc;
	float:left;
}

.calendarContentTime{
	color : #666666;
	font-weight : bold;
	font-size:8pt;
	text-align:center;
	height:23px;	/* Height of hour rows */
	width:65px;
	margin: 0px;
	padding: 0px;
		
}

.weekScheduler_appointments_day{	/* Column for each day */
	width:105px;
	float:left;
	font-size:0px;
	position:relative;
	height: 576px;
}

.days div{
	width:105px;
	float:left;
	text-align:center;
	height:19px;
	font-size:0.9em;
	line-height:20px;
}

#startTime {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 50px;
}

#weekScheduler_container{
	width : 800px;
}

#weekScheduler_top{
	height:20px;
}

#weekScheduler_hours{
	width:65px;
	float:left;
}

.calendarContentTime .content_hour{	
	vertical-align:top;
	line-height: 20px;
}
	
#weekScheduler_top{
	position:relative;
	clear:both;
}
#weekScheduler_content{
	clear:both;
	height:596px;
	position:relative;
}

#timeDisplay { /* information about time and channel asigned to time currently pointed */
	height: 150px;
	position : absolute;
	z-Index : 60000000;	
}

#hourForm {
	color : #666666;
}

#hourFormTable {
	margin-top : 3px;
}

#hourRange {
	color : #666666;
	font-weight : bold;
	font-size: 18px;
	padding-left: 5px; 
	padding-top: 10px;
	position: relative;
	text-align: center;
	top: 12px;
	z-index: 1;
	display: block;
}

/* modal dialog at calendar screen => */
.cal_dialog {
	position:relative;
	margin:0px auto;
	min-width:100px;
	/* max-width:60px; // based on image dimensions - not quite consistent with drip styles yet */
	color:#fff;
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
}
	
.cal_dialog .content,
.cal_dialog .t,
.cal_dialog .b,
.cal_dialog .b div {
	 background:transparent url(../images/bt_0.png) no-repeat top right;  
}
	 
.cal_dialog .content {
	position:relative;
	/*
	zoom:1; //IE
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	 */
	_overflow-y:hidden;
	color : #666666;padding:0px 12px 0px 0px;
	text-align: center;
	vertical-align: bottom;
}
		  
.cal_dialog .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
			   
.cal_dialog .b {
	/* bottom */
	position:relative;
	width:100%;
}

.cal_dialog .b,
.cal_dialog .b div {
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}
		
.cal_dialog .b {
	background-position:bottom right;
}
		
.cal_dialog .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}
/* <= */

/* => view infromation (not edit) css */
#viewwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 600px;
	height: 200px;
}

#viewheader {
	background: #ddd;
}

#viewleft {
	float: left;
	height: 100%;
	background-color: #fcfcfc;
	width: 190px;
	margin-right: 10px;
}

#viewright {
	float: left;
	height: 100%;
	background-color: #fcfcfc;
	width: 190px;
	margin-left: 10px;
}

#viewcenter { 
	float: left;
	height: 100%;
	background-color: #ffffff;
	width: 190px;
}

#viewfooter {
	clear: both;
	background: #ddd;
}

div.row span.left {
 color: #000000;
 float: left;
}

div.row span.leftodd {
 color: #000000;
 float: left;
 width: 100%;
 background-color: #f0f0f0;
}

div.row span.center {
	width: 100%;
	float: right;
	background-color : #f0f0f0;
	text-align: center;
	font-weight: bold;
	font-size: 9px;
	margin-left: auto;
	margin-right: auto;
}

div.row span.right {
 width: 100%;
 text-align: right;
 background-color : #f0f0f0;
 color: #000000;
 float: right;
}

div.row a {
		color: #777777;
		font-weight: bold;
		text-decoration: none;
}
div.row a:hover {
		color: #F8A704;
		text-decoration: underline;
}
/* <= */

/* => tooltip helper */
#tooltipHelp {
	width: 200px;
	height: 150px;
	position : absolute;
	z-Index : 60000000;
	visibility : hidden;
}
/* <= end helper */

/* popup calendar component => */
.cpYearNavigation,.cpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:middle; text-decoration:none; color:#000000; font-weight:bold; }
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText {  font-size:8pt; }
TD.cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px; }
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate { text-align:right; text-decoration:none; }
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.cpCurrentMonthDate, .cpCurrentDate { color:#000000; }
.cpOtherMonthDate { color:#808080; }
TD.cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }
TD.cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; }
A.cpTodayText { color:black; }
.cpTodayTextDisabled { color:#D0D0D0; }
.cpBorder { border:solid thin #808080; }
/* popup calendar component <= */

/* soundmanager => */
.sm2_total {display: none;} /* soundmanager: hide track total time because its stream ... we dont know how long it is */
.nplay {
	margin-bottom:0;
	margin-left:5px;
	margin-top:0;
	text-align: left;
	color: #000000;
}
/* <= soundmanager */


/* top menu pages , visible for all users => */
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	text-align: justify;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	text-align: right;
	background-image: url(../images/s01.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
}
.spr {
	background-image: url(../images/spr.gif);
	background-repeat: repeat-y;
}
.style2a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;	
	font-weight: bold;
	text-align: left;
	background-image: url( ../images/s02.jpg );
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
}
.style3a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.inp1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 10px;
	width: 40px;
	border: 1px #CCCCCC;
	margin: 0px;
	padding: 1px;
}
.td_chn_descr {
	padding-bottom: 12px; 
	vertical-align: top;
}
/* <= */

/* => menu 'tools' */
#tool_menu{
	border: 0px dotted green; 
	color: #777;; 
	position: relative; 
	left: 130px;
	width: 800px; 
	height: 300px;
}
#tool_menu>.tool_mbtn { /*display:table for Mozilla & Opera*/
	display:table; 
	position:static;
	/*border: 2px solid #CCC;*/ 
	margin: 20px; 
	float: left;
	width: 250px;
	/*background-image: url(../images/bg_tool_btn.jpg);
	-moz-box-shadow: 0 0 25px 2px #CCC;
	-webkit-box-shadow: 0 0 25px 2px #CCC;
	box-shadow: 0 0 25px 2px #CCC;*/
}
.tool_mbtn{ /*IE */
	position: relative;
	text-align: center;
	/*border: 1px solid #cccccc;*/ 
	margin: 1px; 
	float: left;
	height: 48%; 
	width: 46%; 
	background-image: url(../images/bg_tool_btn.jpg);
}

.tool_mbtn>.a { /*for Mozilla and Opera*/
	display:table-cell;
	vertical-align:middle;
	position:static;
	cursor: pointer;
	border: 0px solid blue; 
	width: 100%;
}

.tool_mbtn div { /*for IE*/
	position:relative;
	top:50%;
	
	cursor: pointer;
	border: 0px solid #FF0000; 
	width: 100%;
	
}

.tool_mbtn div div {
	position: relative;
	border: 0px solid #cccccc;
	top: 75px;
}


#tool_menu>.toolimg__mbtn { /*display:table for Mozilla & Opera*/
	 display:table; 
	 position:static;
	 border: 1px solid #cccccc; 
	 margin: 1px; 
	 float: left;
	 width: 46%;
	 background-image: url(../images/bg_tool_btn.jpg);
}
.tool_img_mbtn{ /*IE */
	position: relative;
	text-align: center;
	border: 1px solid #cccccc; 
	margin: 1px; 
	float: left;
	height: 48%; 
	width: 46%; 
	background-image: url(../images/bg_tool_btn.jpg);
}

.tool_img_mbtn>.a { /*for Mozilla and Opera*/
	display:table-cell;
	vertical-align:middle;
	position:static;
	cursor: pointer;
	border: 0px solid blue; 
	width: 100%;
}

.tool_img_mbtn div { /*for IE*/
	position:relative;
	top:50%;
	
	cursor: pointer;
	border: 0px solid #FF0000; 
	width: 100%;
	
}

.tool_img_mbtn div div {
	position: relative;
	/*border: 0px solid #cccccc;*/
	top: 75px;
}

.tool_bb_btn{
	font-size: 1.5em;
}

.quoteInsideMsg {
	font-weight: bold;
	font-style: italic;
}

tr.row_ctrlist_distributor > td + td + td + td + td + td {
	
}
tr.row_ctrlist_distributor > td + td + td + td > span[class~=ctr_distributor]{
	
}

#menuend_new
{
    background-image: url("../images/barra_c.jpg");
    background-position: center right;
    background-repeat: repeat-x; 
    overflow: hidden;
}

#menuend_img
{
    float: right;
}

/* TOOLS ICONS */

#svr_btn:hover
{
	background-image: url("../images/tools/servers_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

#fl_btn:hover
{
	background-image: url("../images/tools/skin_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

#man_btn:hover
{
	background-image: url("../images/tools/guides_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

#faq_btn:hover
{
	background-image: url("../images/tools/faq_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

#cfl_btn:hover
{
	background-image: url("../images/tools/call_flow_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

#rpt_btn:hover
{
	background-image: url("../images/tools/reports_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

#svr_btn
{
	background-image: url("../images/tools/servers_white.png");
	background-repeat: no-repeat;
	background-position: center;
}

#fl_btn
{
	background-image: url("../images/tools/skin_white.png");
	background-repeat: no-repeat;
	background-position: center;
}

#man_btn
{
	background-image: url("../images/tools/guides_white.png");
	background-repeat: no-repeat;
	background-position: center;
}

#faq_btn
{
	background-image: url("../images/tools/faq_white.png");
	background-repeat: no-repeat;
	background-position: center;
}

#cfl_btn
{
	background-image: url("../images/tools/call_flow_white.png");
	background-repeat: no-repeat;
	background-position: center;
}

#rpt_btn
{
	background-image: url("../images/tools/reports_white.png");
	background-repeat: no-repeat;
	background-position: center;
}

#trans_btn
{
	background-image: url("../images/tools/translations_white.png");
	background-repeat: no-repeat;
	background-position: center;
}

#trans_btn:hover
{
	background-image: url("../images/tools/translations_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

#upd_btn
{
	background-image: url("../images/tools/settings_white.png");
	background-repeat: no-repeat;
	background-position: center;
}

#upd_btn:hover
{
	background-image: url("../images/tools/settings_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

#myinfo_btn
{
	background-image: url("../images/tools/my_info_white.png");
	background-repeat: no-repeat;
	background-position: center;
}

#myinfo_btn:hover
{
	background-image: url("../images/tools/my_info_black.png");
	background-repeat: no-repeat;
	background-position: center;
}



.td_under_toolbar
{
	height: 10px;
}

/* Call Flow */

.cf_question
{
	font-size: 17px;
	padding-bottom: 10px;
	padding-top: 15px;
}

.cf_answer
{
	float: left;
	font-size: 17px;
	color: #777777;
	padding: 5px;
	margin-left: 20px;
}

.cf_answer:hover
{
	cursor: pointer;
}

.cf_back
{
	font-size: 15px;
	color: #e2013b;
	color: white;
	text-align: center;
	margin-left: 44px;
	margin-top: 20px;
}

.cf_button
{
	background-image: url('../images/btn_ca_next_on.png');
	background-repeat: no-repeat;
	width: 98px;
	height: 23px;
	padding: 16px;
}

.cf_button:hover
{
	background-image: url('../images/btn_ca_next_off.png');
}

.cf_back:hover
{
	cursor: pointer;
}

.cf_btn_red
{
	width: 10px;
	height: 23px;
	float:left;
	color:#e2013b;
	padding-left:5px;
}

.cf_rollback
{
	font-size: 15px;
	color: #e2013b;
	padding: 10px;
}

.cf_rollback:hover
{
	cursor: pointer;
}


.cf_diagnostic
{
	border: 1px solid #999;
	font-size: 17px;
	color: #777;
	padding: 15px;
	width: auto;
	background-color: #DDD;
}


/* MANUALS */

.manual_section_title
{
	font-size: 14px;
	color: #888;
	padding-top: 15px;	
	padding-bottom: 15px;
	float:left;
}

.clear
{
	clear: both;
}

.manual_section_sep
{
	font-size: 17px;
	font-weight: bold;
	color: #e2013b;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
}

.manual_btn
{
	float: left;
	width: 250px;
	height: 180px;
	border: 1px solid #CCC;
	margin-right: 30px;
	margin-bottom: 30px;
	box-shadow: 0 0 25px 1px #AAA;
	-webkit-box-shadow: 0 0 25px 1px #AAA;
	-moz-box-shadow: 0 0 25px 1px #AAA;
}

.manual_btn:hover
{
	box-shadow: 0 0 25px 1px #666;
	-moz-box-shadow: 0 0 25px 1px #666;
	-webkit-box-shadow: 0 0 25px 1px #666;
	cursor:pointer;
}

.manual_title
{
	position: relative;
	top: 190px;
	width: 100%;
	text-align: center;
	color: #AAA;
	font-size: 12px;
	font-weight: bold
}

.manual_title:hover
{
	color: #777;
}

/***** FAQ */

.faq_section
{
	padding-top:25px;
	padding-bottom: 15px;
	color: #e2013b;
	float:left;
	font-size:16px;
}

.faq_question
{
	font-size:14px;
	padding: 10px;
}

.faq_question:hover
{
	color: #e2013b;
	cursor: pointer;
}

.faq_answer
{
	color: #888;
	font-size: 14px;
	display: none;
	margin-left:70px;
}

.faq_sep
{
	float:left;
	color: #AAA;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	padding-left: 50px;
}

.faq_sep_active
{
}

hr
{
	border: 0;
	background-color: #DDD;
	color: #DDD;
	height: 2px;
}

.my_radio_on
{
	width: 31px;
	height: 31px;
	background: url(../images/btn_cal_check.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	/*display: none;*/
}

.my_radio_off
{
	width: 31px;
	height: 31px;
	background: url(../images/btn_cal_uncheck.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}


#menuend_old
{
	display: none;
}

/* alternative way to display messages from title attribute => */
.tooltip{
	position:absolute;
	top:2em; left:2em; 
	border:1px solid #000;
	background-color:#FFFFFF; color:#000;
	text-align: left;
	padding: 4px;
}

/* <= */

/* bulk actions => */
#bulk_actions ul{
	display: block;
	float: right;
	margin: 0;
	height:19px;
	padding-left: 0px;
}
#bulk_actions ul li  {
	display: block;
	float: left;	
	margin: 0;
	height:19px;
	background: url(../images/bulkActionMenu/bam_normal.png) ;
}
#bulk_actions ul li.bam_button:hover {
	background: url(../images/bulkActionMenu/bam_movr.png) ;
}
#bulk_actions ul li span {
	line-height:19px;
	margin:5px;
	text-decoration:none;	
}

#bulk_actions ul li a,#bulk_actions ul li.bam_button span {
	line-height:19px;
	margin:5px;
	text-decoration:none;
	cursor: pointer;
}

#bulk_actions ul li span#bam_numberselected{
	margin:0px;
}
#bulk_actions ul li#bam_first{
	background: url(../images/bulkActionMenu/bam_lb.png) no-repeat;
	width:7px;
	
}
#bulk_actions ul li#bam_separator{
	background: url(../images/bulkActionMenu/bam_separator.png) no-repeat;
	width:1px;	
}
#bulk_actions ul li#bam_last{
	background: url(../images/bulkActionMenu/bam_rb.png) no-repeat;
	width:5px;
}
/* bulk actions <= */

.unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#g_search_by {
	color: #FFFFFF;
	font-weight: 600;
}

.hourglass {
	background: url(../images/hourglass.png) no-repeat;
	padding-bottom: 3px;
	width:11px;
	height:15px;
}

.li_left {
	text-align: left;
}


/*
 * autocompleat =>
 */
div#auto_cmpl,div#auto_cmpl div {margin: 0;padding: 0;}
#auto_cmpl div {display: inline;vertical-align: top;}
#auto_cmpl div input{
	border-bottom-width: 0;border-top-width: 0;border-right-width:0;
	margin-bottom: 1px;margin-top: 4px;height: 14px;
	width: 80px;
}
#auto_cmpl div img{margin-top: 4px;}
/*
 * <= autocompleat 
 */

.exist_1_0 { background-color: #FFD76A; }
.exist_1_1 { background-color: #FFFFFF; }
.exist_0_1 { background-color: #ADFFA6; }