*
{
	margin:0;
	padding:0;
}

html,body
{
	margin:0;
	padding:0;
	height:100%;
}

body 
{
	text-align:center;
	font-family: Verdana, sans-serif;
	font-size:11px;
	color:#333333;
	overflow: -moz-scrollbars-vertical;
	background-color: #678fc2;
/*	background-image: url(/images/layout/xmass-back.jpg); */
	background-position: 50% bottom;
    background-repeat: repeat-x;
    background-attachment:fixed;
}

a
{
	text-decoration:none;
}

p
{
	margin:0;
}

#copyright
{
  margin: 0px 22px 20px;
  height:5px;
}
#copyright UL
{
  margin: 0px;
  padding: 0px;
}
#copyright LI
{
  list-style-image: none;
  display: inline;
}
#copyright LI
{
  font-size: 10px;
  color: #cccccc;
}
#copyright LI A
{
  color: #cccccc;
  text-decoration: none;
}
#copyright LI A:hover
{
  text-decoration: underline;
}
#copyright .bug
{
	font-weight: bold;
}
#copyright .copy
{
  padding: 0px 5px 0px 0px;
}
#copyright .footL
{
  float: left;
}
#copyright .footR
{
  float: right;
}





/*Tabs styles*/
.tabs
{
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	font: bold 10px Verdana, Arial, Arial, sans-serif;
	height:21px;
}

.tabs li
{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	height:21px;
}

.tabs li a
{
	padding-left: 10px;
	background: transparent url('../images/tabs/tabLeftFirstOff.gif') 0px 0px no-repeat;
	height: 21px;
	display:block;
	text-decoration:none;
}

.tabs li a .wrap
{
	color: #84889c;
	padding-right: 10px;
	height: 21px;
	background: transparent url('../images/tabs/tabRightLastOff.gif') right 0px no-repeat;
	display:block;
}

.tabs li a .innerWrap
{
	line-height: 21px;
	padding: 0px 10px;
	background: transparent url('../images/tabs/tabStripeOff.gif') 0px 0px repeat-x;
	text-align: center;
	display:block;
	cursor:pointer;
	/* IE 5 Win */
	_cursor:hand;
}

.tabs li a.selected
{
	padding-top: 0px;
	padding-left: 10px;
	background: transparent url('../images/tabs/tabLeftFirstOn.gif') 0px 0px no-repeat;
	line-height: 21px;
	cursor:default;
}

.tabs li a.selected .wrap
{
	background-image:url('../images/tabs/tabRightLastOn.gif');
	line-height: 21px;
	padding-right: 10px;
	color: #f06a21;
}

.tabs li a.selected .innerWrap
{
	background-image:url('../images/tabs/tabStripeOn.gif');
	padding-top: 0px;
	cursor:default;
}

* html .tabs,
* html .tabs li,
* html .tabs li a, 
* html .tabs li a .wrap, 
* html .tabs li a .innerWrap, 
* html .tabs li a.selected,
* html .tabs li a.selected .wrap,
* html .tabs li a.selected .innerWrap
{
	display:inline-block;
}

.logo
{
	position:absolute;
	left:0px;
	padding: 9px 0 0 16px;
	margin:0;
	border:0;
}

.user-container
{
	font-family: tahoma;
	color: #fff;
	font-size: 11px;
	line-height: 13px;
	text-align:right;
}

.user-container a
{
	font-family: tahoma;
	color: #fff;
	font-size: 11px;
}

.content-title
{
	font-size:133%;
	color:#f06a21;
}

.content-subtitle
{
    font-size:100%;
	color:#666666;
	font-weight:bold;
	padding: 3px 0;
}

.content-body
{
	color:#666;
	line-height:20px;
}
.content-body p
{
	margin: 10px 0;
}

.centered-container
{
	margin:0 auto;
	text-align:left;
	padding:10px;
	width:255px;
}

/*Link styles*/
.itLink
{
	color:#0560a6;
}
.itLink:hover
{
	color:#92abc4;
}

.itLink-disabled
{
    color:Gray;
}

.itLink-big
{
	color:#0560a6;
	font-size:10pt;
	font-weight:bold;
}
.itLink-big:hover
{
	color:#92abc4;
	font-size:10pt;
	font-weight:bold;
}

.nLink
{
  color: #444;
  text-decoration: none;
}
.nLink:hover
{
  text-decoration: underline;
}

.mail-link
{
	color:#FF6600;
	font-weight:bold;
}

/*  features  */
.feat
{
  width: 491px;
  height: 413px;
  background: url('../images/feat_bg.gif') no-repeat;
}

.feat UL
{
  padding: 20px 0px 0px 20px;
  margin: 0px;
}

.feat UL LI
{
 background: url('../images/feat_bul.gif') no-repeat 0px 3px;
 display: block;
 list-style: none;
 line-height: 22px;
 padding: 0px 0px 12px 24px;
}

/* Menus */
.menu-box
{
	border-bottom:solid 2px #F0F0F0;
	padding-bottom:10px;
	text-decoration:none;
}
.menu-title {
	font-size:15px;
	color:#f06a21;
	text-decoration:none;
}
.menu-title-disabled {
	font-size:15px;
	color:#999999;
	text-decoration:none;
}
.menu-subtitle {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	line-height:14px;
}

/* News */
.newsBox
{
	border-bottom:solid 2px #F0F0F0;
	padding:10px 0 0 0;
	text-decoration:none;
}

.newsBox br
{
	line-height:8px;
}

.news-title
{
	font-weight:bold;
	line-height:14px;
}

.news-body
{
	font-size:90%;
	color:#666666;
	line-height:14px;
}

.news-date
{
	text-align:right;
	font-size:75%;
	color:#666666;
}

/*Screenshots*/
.ss 
{
	padding-top: 1px;
	width:171px;
	float: left;
	padding: 5px 5px; 
}
.ss p 
{
	font-size: 9px;	
}	
.ss img
{
	border: 0px;	
}

/*PNG button*/
.png-btn { display: block; position: relative; background: #aaa; padding: 5px; float: right; margin-left: 10px; color: #fff; text-decoration: none; cursor: pointer; }
.png-btn * { font-style: normal; font-weight:bold; font-size:12px; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.png-btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.png-btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.png-btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.png-btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .png-btn span, * html .png-btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.png-btn.blue { background: #22AAEE; }
.png-btn.blue:hover { background-color: #1777A6; }
.png-btn.green { background: #99dd44; }
.png-btn.green:hover { background-color: #6B9A30; }
.png-btn.red { background: #EE3300; }
.png-btn.red:hover { background-color: #B22400; }
.png-btn.orange { background: #ff8a00; }
.png-btn.orange:hover { background-color: #ff6600; }
/*.png-btn:hover { background-color: #a00; }*/
.png-btn:active { background-color: #444; }
.png-btn[class] { background-image: url(../images/shade.png); background-position: bottom; }

* html .png-btn { border: 3px double #aaa; }
* html .png-btn.blue { border-color: #22AAEE; }
* html .png-btn.blue:hover { border-color: #1777A6; }
* html .png-btn.green { border-color: #99dd44; }
* html .png-btn.green:hover { border-color: #6B9A30; }
* html .png-btn.red { border-color: #EE3300; }
* html .png-btn.red:hover { border-color: #B22400; }

.png-spinner { display: block; position: relative; padding: 5px; float: right; margin-left: 10px; text-decoration: none; cursor: pointer; }

/*Grid style*/
.cTable, .sTable, .xsTable
{
    width: 100%;
    border-collapse: collapse;
    font-family: verdana,sans-serif;
	color: #444;
	font-size: 11px;
}
.cTable th, .sTable th, .xsTable th
{
  height: 36px;
  text-align: left;
  font-size: 11px;
  background-color: #D7E2E8;
  padding: 0px;
}
.cTable td, .sTable td, .xsTable td
{
  text-align: center;
  height: 36px;
  border-bottom: 1px solid #DBE5EA;
  padding: 0px;
}
.cTable .head, .sTable .head, .xsTable .head
{
	height: 36px;
	background-color: #D7E2E8;
	border: 0px;	
	text-align: center;
}
.cTable .head, .cTable .headL, .cTable .headR, .cTable .headLA, .cTable .headRA,
.sTable .head, .sTable .headL, .sTable .headR, .sTable .headLA, .sTable .headRA,
.xsTable .head, .xsTable .headL, .xsTable .headR, .xsTable .headLA, .xsTable .headRA
{
  font-weight: bold;
  height: 36px;
  background-color: #D7E2E8;
  border: 0px;
}

.cTable .headL, .sTable .headL, .xsTable .headL
{
  background: url('../images/ct_tl.gif') no-repeat top left;
  width: 3px;
}
.cTable .headR, .sTable .headR, .xsTable .headR
{
  background: url('../images/ct_tr.gif') no-repeat top right;
  width: 3px;
}
.cTable .l, .cTable .headLA, .sTable .l, .sTable .headLA, .xsTable .l, .xsTable .headLA
{
  text-align: left;
  padding-left:2px;
}
.cTable .r, .cTable .headRA, .sTable .r, .sTable .headRA, .xsTable .r, .xsTable .headRA
{
	text-align: right;
	padding-right:2px;
}
.cTable .c, .sTable .c, .xsTable .c
{
	text-align: center;
	padding-right:2px;
}
.cTable .empty, .sTable .empty, .xsTable .empty
{
  height: 80px;
  background-color:#FFFFFF;
}
.cTable TFOOT TD, .sTable TFOOT TD, .xsTable TFOOT TD
{
  line-height: 30px;
  height: 30px;
  background-color: #F2F6F9;
  border: 0px;
}
.cTable .hidden, .cTable .h, .sTable .hidden, .sTable .h, .xsTable .hidden, .xsTable .h
{
    display:none;
}

.cTable TBODY TR.odd, .sTable TBODY TR.odd, .xsTable TBODY TR.odd
{
    background-color: #FFFFFF;
}

.cTable TBODY TR.even, .sTable TBODY TR.even, .xsTable TBODY TR.even
{
    background-color: #F2F6F9;
}

tr.inactive {
    background-color: #ffcccc;
}

/* sTable */
.sTable th { height: 30px; }
.sTable td { height: 30px; }
.sTable .head { height: 30px; }
.sTable .head, .sTable .headL, .sTable .headR, .sTable .headLA, .sTable .headRA { height: 30px; }
.sTable .headL { background: url('../images/st_tl.gif') no-repeat top left; }
.sTable .headR { background: url('../images/st_tr.gif') no-repeat top right; }

/* xsTable */
.xsTable th { height: 22px; }
.xsTable td { height: 22px; }
.xsTable .head { height: 22px; }
.xsTable .head, .xsTable .headL, .xsTable .headR, .xsTable .headLA, .xsTable .headRA { height: 22px; }
.xsTable .headL { background: url('../images/xst_tl.gif') no-repeat top left; }
.xsTable .headR { background: url('../images/xst_tr.gif') no-repeat top right; }
.xsTable TFOOT TD { line-height: 22px; height: 22px; }

/* Pager */
.pager{clear:both;font-family:Verdana,Helvetica;font-size:8px;}
.pager a,.pager strong.pager-current{padding:0 0.5em;color:#444;font-weight:bold;text-decoration:none;}
.pager{clear:both;padding:0px 0px 0px;}
.pager div{padding:0em;display:inline;}
.pager strong,.pager a{padding:2px 5px;margin:0px 0.25em 0px 0.25em;background:#dfedf7;border:1px solid #90c2e1;-moz-border-radius:2px;-webkit-border-radius:2px;}
.pager a:hover{text-decoration:underline;background:#eef7fc;}
.pager strong{background:#76aaca;color:#fff;} /*0174bb*/
.pager strong.disabled{background:#cccccc;color:#444;}

/* CMC table */
.cmcTable
{
    width: 100%;
    border-collapse: collapse;
    font-family: verdana,sans-serif;
	color: #777;
	font-size: 11px;
}
.cmcTable th
{
  height: 0px;
  text-align: left;
}
.cmcTable td
{
  text-align: center;
  height: 36px;
  border-bottom: 1px solid #DBE5EA;
  padding: 0px;
}
.cmcTable .l
{
  text-align: left;
  padding-left:2px;
}
.cmcTable .r
{
	text-align: right;
	padding-right:2px;
}

.cmcTable TBODY TR.odd
{
    background-color: #FFFFFF;
}

.cmcTable TBODY TR.even
{
    background-color: #F2F6F9;
}

/*Msg styles */
.msgWarn, .msgInfo
{
  background: #FFE7E5 url('../images/msgWarn.gif') no-repeat 10px center;
  border-top: 1px solid #D14437;
  border-bottom: 1px solid #D14437;
  margin: 0px 0px 12px;
  padding: 10px 0px 10px 32px;
  color: #666666;
}
.msgInfo
{
  background: #FDFFD9 url('../images/msgInfo.gif') no-repeat 10px center;
  border-top: 1px solid #F4CE66;
  border-bottom: 1px solid #F4CE66;
}
.msgWarn A, .msgInfo A
{
  color: #444;
  text-decoration:underline;
}

.inputs 
{
  font-family: Verdana, Sans-Serif;
  color:#444;
  background-color: #F7F9FB;
  border: 1px solid #D0D9E0;
  padding: 4px;
}

/*Form styles*/
.form
{
  background-color: #F2F6F9;
  border: 1px solid #D0D9E0;
  padding: 16px;
  line-height:20px;
}

.i, .iShort, .sml 
{
  font-family: Verdana, Sans-Serif;
  color:#444444;
  background-color: #F7F9FB;
  border: 1px solid #D0D9E0;
  width: 380px;
  padding: 4px;
}
.sml {
  width: 180px;
}

.iShort {
	width: 220px;
}

.form .error {
	background-color: #FFE7E5;
	border: 1px solid #e77776;
    background-image: url('../images/msgWarn.gif');
    background-position: right center;
    background-repeat: no-repeat;
 }
 
.form .errorDiv 
{

    padding: 0px 0px 0px 22px;
    color: #444;
}

.form .btn {
  background-color: #FFF;
  border: 1px solid #D0D9E0;
  padding: 2px;
}

.formBox H3 {
  font-size: 11px;
  font-family: Verdana, Sans-Serif;
  /*font-weight: bold;*/
  margin:0;
  padding:0;
}

.form INPUT[type=text] {
	font-family: Verdana, Sans-Serif;
	color:#444444;
	/*font-weight:bold;*/
}

.form-radio-button
{
  font-size: 12px;
  font-family: Verdana, Sans-Serif;
  /*font-weight: bold;*/
  margin:0;
  padding:0;
}

.form SELECT
{
  font-family: Verdana, Sans-Serif;
  color:#444444;
  /*font-weight:bold;*/
  background-color: #F7F9FB;
  border: 1px solid #D0D9E0;
  padding: 4px;
}
.form TEXTAREA
{
  background-color: #F7F9FB;
  border: 1px solid #D0D9E0;
  width: 445px;
  padding: 4px;
  font-size: 11px;
}
.formBox
{
  border: 1px solid #D0D9E0;
  background-color: #FFF;
  margin:0;
  padding:0;
}
.formBoxInner
{
  padding: 16px;
}
.formButtonHolder
{
	height:28px;
	margin:0;
	padding:10px 0 0 0;
}

/* Hover Form */
.hoverForm
{
    position:absolute;
    top:0px; 
    left:0px;
    background:url(../images/shadow.png) no-repeat bottom right;
    margin:8px 0 0 6px; 
    /* IE6 fix: */ _background:none; _margin:0;
}

.hoverFormBorder
{
    background-color: #F2F6F9;
    border: 2px solid #D0D9E0;
    padding: 5px;
    line-height:20px;  
    text-align:left;
    width:200px;
    margin:-6px 6px 6px -6px; 
    /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden;
}

.hoverFormInner
{
    border: 1px solid #D0D9E0;
    background-color: #FFF;
    margin:0;
    padding:10px;
}

/* Terms */
.terms-h { font-size:12px; font-weight:bold; }
.terms-h2 { font-size:11px; font-weight:bold; }
.terms-p { margin-left: 50px; padding-left: 50px; }
.terms-m { float:left; }

.close-button
{
	display:block;
	width:10px;
	height:10px;
	border:none;
	margin:0;
	padding:0;
	background-image:url(../images/Xbtn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.close-button:hover
{
	background-position: 0 -10px;
}

/* Hover menu */
.hoverPanel
{
    position:absolute;
    top:0px; 
    left:0px;
    display:none;
    background:url(../images/shadow.png) no-repeat bottom right;
    margin:8px 0 0 6px; 
    /* IE6 fix: */ _background:none; _margin:0;
}

.hoverInnerPanel
{
    background-color:#FFFFFF;
    border: 2px solid #D0D9E0;
    line-height:20px;
    width:340px;
    margin:-6px 6px 6px -6px; 
    /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden;
}

.hoverPanel-arrow-border {
  border-color: transparent transparent #D0D9E0 transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-25px;
  left:15px;
}

.hoverPanel-arrow {
  border-color: transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-22px;
  left:15px;
}

.hoverContainer
{
    padding: 5px 10px 10px 10px;
}

.editableTitle
{
    display:block;
    width:315px;
    font-size:12px;
    font-weight:bold;
	padding: 3px;
}

.editableTitle .inplace_field
{
    width:310px;
    padding:3px;
}

.editableDesc
{
    display:block;
    color: #888888;
    width: 320px;
    min-height: 100px;
}

.editableDesc .inplace_field
{
    width:320px;
    height:100px;
}

a.infoButton, a.editButton, a.deleteButton
{
    display:block;
    color:#0560a6;
    background-color:#FFFFFF;
    height:21px;
    padding: 3px 4px 3px 21px;
    background-image: url(../images/info.png);
    background-repeat:no-repeat;
    background-position: 3px center;
}

a.editButton
{
    background-image: url(../images/pen_edit.png);
}

a.deleteButton
{
    background-image: url(../images/trash.gif);
}

a.infoButton:hover, a.editButton:hover, a.deleteButton:hover
{
    background-color:#ffc;
}

td.buttonHolder, td.buttonHolderMiddle
{
    text-align:left;
    height: auto;
    border-bottom: 2px solid #DBE5EA;
}

td.buttonHolderMiddle
{
    border-left: 2px solid #DBE5EA;
    border-right: 2px solid #DBE5EA;
}

/* Grid icons */
.grid-icon { display:block; width: 16px; height: 16px; background-image: url(../images/grid_icons.png); }
.grid-icon-plus { background-position: 0px 0px; }
.grid-icon-minus { background-position: -16px 0px; }
.grid-icon-open { background-position: -32px 0px; }
.grid-icon-edit { background-position: -48px 0px; }
.grid-icon-up { background-position: -64px 0px; }
.grid-icon-down { background-position: -80px 0px; }

/* Dropdown */
.dropTable { width:100%; }
.dropLink { display:block; outline:none; text-decoration:none; color: #0560a6; }
.dropTable td { height:22px; }
.dropTable td.left { border:1px solid #90c2e1; border-right:none; }
.dropTable td.middle { border-top:1px solid #90c2e1; border-bottom:1px solid #90c2e1; }
.dropTable td.dropUp { width:16px; border:1px solid #90c2e1; background-color:#F2F6F9; }
.dropTable td.dropDown { width:16px; border:1px solid #90c2e1; background-color:#F2F6F9; border-bottom:none; }
.dropLink:hover td { border-color:#DBE5EA; }
.dropPanelBorder
{
    background-color: #F2F6F9;
    border: 1px solid #90c2e1;
    padding: 5px;
    line-height:20px;  
    text-align:left;
    width:200px;
    margin:-6px 6px 6px -6px; 
    /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden;
}
.dropPanelInner
{
    border: 1px solid #90c2e1;
    background-color: #FFF;
    margin:0;
    padding:10px;
}

/* Pic links */
.playLnk, .loadLnk, .stopLnk, .downloadLnk { display:block; border:none; width: 16px; height: 16px; background-image: url('../images/play.png'); }
.loadLnk { background-image: url('../images/spinner.gif'); }
.stopLnk { background-image: url('../images/play-stop.png'); }
.downloadLnk { background-image: url('../images/download.png'); }

/* Close/Delete link */
a.closeLnk { display:block; border:none; width: 10px; height: 10px; background-image: url('/images/Xbtn.gif'); background-position: 0 0; }
a.closeLnk:hover { background-position: 0 -10px; }

/* Data List */
ul.data-list { padding:0; margin:0; list-style:none; list-style-image:none; list-style-position:outside; }
ul.data-list li { padding:0; margin:0; list-style:none; height:22px; background-color:#FFF; border-bottom: 1px solid #90c2e1; }
ul.data-list li:hover { background-color:#F2F6F9; }

/* Autocomplete */
.autocomplete-w1 { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; z-index:9999; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #D0D9E0; background:#FFF; cursor:default; padding:5px; text-align:left; max-height:600px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete label { font-weight: bold; }
.autocomplete .newImg { position:absolute; right:16px; top:17px; border:none; }
.autocomplete .listItem { position:relative; text-align: left; height:38px; border-bottom:1px solid #D0D9E0; background-color: #FFF; padding:5px 5px; color:#666; overflow:hidden; }
.autocomplete .listItem_hover { background-color: #F2F6F9; }
.autocomplete .listItem .name { font-size:8pt; }
.autocomplete .listItem .address { font-weight:normal; font-style:italic; font-size:7pt; line-height:20px; }
.autocomplete .listItem .edit { position:absolute; right:5px; top:13px; border:none; }
.autocomplete .emptyItem { text-align: center; height:33px; border-bottom:1px solid #D0D9E0; background-color: #FFF; padding:5px 5px; color:#AAA; }
.autocomplete .searchContainer { text-align:center; border-top:1px solid #D0D9E0; overflow:hidden; }

.autocomplete_field{ background-image:url(../images/autocomplete/autocomplete_leftcap.gif); background-position:right center; background-repeat:no-repeat; }
.autocomplete_field_busy{ background-image:url(../images/autocomplete/autocomplete_spinner.gif); background-position:right center; background-repeat:no-repeat; }

.progressbar { position:relative; width:330px; height:20px; padding: 1px; border:1px solid black; overflow:hidden; }
.progressbar div { background:#678FC2; width:0; height:100%; }

.word_wrap {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}


.ttxEditor { background-color: #000000; border:2px solid #000000; }
.ttxEditor TD { width:20px; height:25px; border: none; text-align:center; vertical-align:middle; font-family: Courier New; font-size: 18px; font-weight:bold; color:#FFFFFF; }
.ttxEditor TH { width:20px; height:25px; background-color: #333333; border: none; text-align:center; vertical-align:middle; font-family: Courier New; font-size: 10px; color:#AAAAAA; }
.ttxEditor TH.act { color:#FFFF00; }
.ttxEditor TD.ds { font-size: 32px; }
.ttxEditor TD.noneditable { border-color: #666666; background-color:#666666; }

.ttxEditor TD.bg-black { background-color:#000000; }
.ttxEditor TD.bg-red { background-color:#FF0000; }
.ttxEditor TD.bg-green { background-color:#00FF00; }
.ttxEditor TD.bg-yellow { background-color:#FFFF00; }
.ttxEditor TD.bg-blue { background-color:#0000FF; }
.ttxEditor TD.bg-magenta { background-color:#FF00FF; }
.ttxEditor TD.bg-cyan { background-color:#00FFFF; }
.ttxEditor TD.bg-white { background-color:#FFFFFF; }

.ttxEditor TD.bg-black-dis { background-color:#404040; }
.ttxEditor TD.bg-red-dis { background-color:#ff4040; }
.ttxEditor TD.bg-green-dis { background-color:#a0ffa0; }
.ttxEditor TD.bg-yellow-dis { background-color:#ffffa0; }
.ttxEditor TD.bg-blue-dis { background-color:#4040ff; }
.ttxEditor TD.bg-magenta-dis { background-color:#ffa0ff; }
.ttxEditor TD.bg-cyan-dis { background-color:#a0FFFF; }
.ttxEditor TD.bg-white-dis { background-color:#e4e4e4; }

.ttxEditor TD.fg-black { color:#1A1A1A; }
.ttxEditor TD.fg-red { color:#E00000; }
.ttxEditor TD.fg-green { color:#00E000; }
.ttxEditor TD.fg-yellow { color:#FED700; }
.ttxEditor TD.fg-blue { color:#0000E0; }
.ttxEditor TD.fg-magenta { color:#BA00BA; }
.ttxEditor TD.fg-cyan { color:#00D5D5; }
.ttxEditor TD.fg-white { color:#EAEAEA; }

.ttxEditor-sel { position:absolute; border: 1px solid #f26522; }


.color_picker_fg { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/text_color.png) no-repeat center center; cursor: pointer; line-height: 25px; }
.color_picker_bg { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/back_color.png) no-repeat center center; cursor: pointer; line-height: 25px; }
.color_picker_gr { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/graphs_color.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div#color_selector { width: 145px; position: absolute; border: 1px solid #598FEF; background-color: #EFEFEF; padding: 2px; }
div.color_swatch { height: 12px; width: 12px; border: 1px solid #000; margin: 2px; float: left; cursor: pointer; line-height: 12px; }
.image_picker { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/graph_blocks.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div#image_selector { width: 300px; position: absolute; border: 1px solid #598FEF; background-color: #EFEFEF; padding: 2px; }
div.image_swatch { height: 25px; width: 20px; border: 1px solid #000; margin: 2px; float: left; cursor: pointer; line-height: 25px; }

div.back_new { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/back_new.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.back_black { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/back_black.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.back_flash { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/back_flash.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.back_steady { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/back_steady.png) no-repeat center center; cursor: pointer; line-height: 25px; }

div.text_size_n { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/text_size_n.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.text_size_dh { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/text_size_dh.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.text_size_dw { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/text_size_dw.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.text_size_d { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/text_size_d.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.text_conceal { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/text_conceal.png) no-repeat center center; cursor: pointer; line-height: 25px; }

div.graph_cont { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/graph_cont.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.graph_sep { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/graph_sep.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.graph_hold { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/graph_hold.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.graph_release { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/graph_release.png) no-repeat center center; cursor: pointer; line-height: 25px; }

div.align_left { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/align_left.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.align_center { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/align_center.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.align_right { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/align_right.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.align_top { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/align_top.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.align_middle { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/align_middle.png) no-repeat center center; cursor: pointer; line-height: 25px; }
div.align_bottom { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/align_bottom.png) no-repeat center center; cursor: pointer;line-height: 25px; }

div.ttx_cut { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/cut.png) no-repeat center center; cursor: pointer;line-height: 25px; }
div.ttx_copy { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/copy.png) no-repeat center center; cursor: pointer;line-height: 25px; }
div.ttx_paste { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/paste.png) no-repeat center center; cursor: pointer;line-height: 25px; }
div.ttx_undo { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/undo.png) no-repeat center center; cursor: pointer;line-height: 25px; }
div.toggle_symbols { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/toggle_symbols.png) no-repeat center center; cursor: pointer;line-height: 25px; }

div.set_gen { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/set_gen.png) no-repeat center center; cursor: pointer;line-height: 25px; }
div.set_edit { height: 25px; width: 20px; padding: 0 !important; border: none; background: url(/images/ttx/icons/set_edit.png) no-repeat center center; cursor: pointer;line-height: 25px; }



/* File select */
div.file-select { height:20px; border: 1px solid #D0D9E0; padding: 2px 2px; cursor:pointer; }
div.balloon-wrapper { background-color: #FFFFFF; border: 1px solid #D0D9E0; border-radius: 0px 0px 6px 6px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); position: absolute; z-index: 9999; }
div.file-container { padding: 0px 15px; }
div.file-item-head { text-align:left; padding: 5px; border-bottom: 1px solid #D0D9E0; }
div.file-item-cont { height:16px; text-align:left; padding: 5px; border-bottom: 1px solid #D0D9E0; cursor: pointer; }
div.file-item-empty { height:16px; padding: 5px; border-bottom: 1px solid #D0D9E0; background-color: #F2F6F9; }
div.file-item-foot { padding: 5px; min-height: 25px; position:relative; }
div.file-item-cont:hover { background-color: #F2F6F9; }



/* Custom checkboxes, radios */

/*	wrapper divs */
.custom-checkbox,.custom-radio { position:relative; }

/* input, label positioning */
.custom-checkbox input,.custom-radio input { position:absolute; left:2px; top:2px; margin:0; }
.custom-checkbox label,.custom-radio label { display:block; position:relative; font-size:1.3em; padding-right:1em; line-height:1; padding:.5em 0 .5em 30px; margin:0 0 .3em; cursor:pointer; }

/* states */
.custom-checkbox label { background:url(/images/custom_input/checkbox.gif) no-repeat; }
.custom-radio label { background:url(/images/custom_input/radiobutton.gif) no-repeat; }
.custom-checkbox label,.custom-radio label { background-position:-10px -14px; }
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus { background-position:-10px -114px; }
.custom-checkbox label.checked,.custom-radio label.checked { background-position:-10px -214px; }
.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus { background-position:-10px -314px; }
.custom-checkbox label.focus,.custom-radio label.focus { outline:1px dotted #ccc; }

.fancy-checkbox, .fancy-radio { display:block; width: 26px; height: 25px; cursor:pointer; margin: 0 auto; }
.fancy-checkbox { background:url(/images/custom_input/checkbox.gif) no-repeat; }
.fancy-radio { background:url(/images/custom_input/radiobutton.gif) no-repeat; }

.phone-cont { position:relative; min-height: 55px; }

.phone-div { background-color:#d6dde5; border:1px solid #bdc8d4; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.phone-div-green { background-color: #99cc99; border:1px solid #77b377; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.phone-div-green-call { background-color: #99cc99; border-top:1px solid #77b377; border-left:1px solid #77b377; border-right:1px solid #77b377; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.phone-div-red { background-color: #cc6666; border:1px solid #ba5454; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color:#ffffff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }

.call-div { background-color:#FFF2BD; display:none; border:1px solid #fde585; height:40px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }

.calls-container { min-height:80px; margin:1px 0px 2px 0px; padding-top:5px; text-align:center; position:relative; vertical-align:top; border: 3px solid transparent; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; }
.calls-container-active { border: 3px dashed #cee3f8; background-color:#fbfbfb; }

.webcc-options-div { position:absolute; top:60px; right:0px; z-index:100; margin:0 0 0 0; padding:15px; background-color:#fbfbfb; border: 1px solid #dedede; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:400px; font-size:11px; font-family: Verdana, sans-serif; }
.make-call-div { position:absolute; top:60px; z-index:100; left:50%; margin-left: -150px; padding:15px; background-color:#fbfbfb; border: 1px solid #dedede; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:300px; font-size:11px; font-family: Verdana, sans-serif; }
.make-call-box { padding: .5em .6em; display: inline-block; border: 1px solid #ccc; font-size: 18px; line-height: 21px; font-weight:bold; width:100%; text-align:center; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; outline: none; -webkit-transition: .3s linear border; -moz-transition: .3s linear border; -ms-transition: .3s linear border; -o-transition: .3s linear border; transition: .3s linear border; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.dial-button { display: inline-block; border: 0; width: 87px; padding:0px 10px 10px 0px; }
.dial-button .button { text-align: left; font-weight: 300; font-size: 32px; color:#444; background: #fff; padding: 10px; display: block; box-shadow: 0 2px 0 rgba(0, 0, 0, .05), 0 2px 2px rgba(0, 0, 0, .05); border: 0; width: 80%; }
.dial-button small { color: #555; font-size: 14px; }
.dial-button-call { display: inline-block; border: 0; width:100%; text-align:center; font-size:20px; padding: 8px 0px; background: rgb(28, 184, 65); color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: .1s linear -webkit-box-shadow; -moz-transition: .1s linear -moz-box-shadow; -ms-transition: .1s linear box-shadow; -o-transition: .1s linear box-shadow; transition: .1s linear box-shadow; }
.dial-timeout { text-align: right; padding-top: 3px; color: #555; }

#preload-phone-buttons-96 { background:url(/images/phone/phone_buttons_96.png) no-repeat; }
#preload-phone-buttons-48 { background:url(/images/phone/phone_buttons_48.png) no-repeat; }
#preload-arrow-left { background:url(/images/phone/wizard_arrow_left.png) no-repeat; }
#preload-arrow-right { background:url(/images/phone/wizard_arrow_right.png) no-repeat; }

.phone-btn-disabled { display:block; position:absolute; top:-20px; width:96px; height:96px; background:url(/images/phone/phone_buttons_96.png) 0px 0px no-repeat; cursor:default; }

.phone-btn-ans { display:block; position:absolute; top:-20px; width:96px; height:96px; background:url(/images/phone/phone_buttons_96.png) 0px -96px no-repeat; }
.phone-btn-ans:hover { background-position:0px -192px; }
.phone-btn-ans:active { background-position:0px -288px; }

.phone-btn-call { display:block; position:absolute; z-index:101; top:-20px; width:96px; height:96px; background:url(/images/phone/phone_buttons_96.png) 0px -672px no-repeat; }
.phone-btn-call:hover { background-position:0px -768px; }
.phone-btn-call:active { background-position:0px -864px; }

.phone-btn-hold { display:block; position:absolute; top:-20px; width:96px; height:96px; background:url(/images/phone/phone_buttons_96.png) 0px -384px no-repeat; }
.phone-btn-hold:hover { background-position:0px -480px; }
.phone-btn-hold:active { background-position:0px -576px; }

.phone-btn-res { display:block; position:absolute; top:-20px; width:96px; height:96px; background:url(/images/phone/phone_buttons_96.png) 0px -672px no-repeat; }
.phone-btn-res:hover { background-position:0px -768px; }
.phone-btn-res:active { background-position:0px -864px; }

.phone-btn-hup { display:block; width:48px; height:48px; float:left; background:url(/images/phone/phone_buttons_48.png) 0px 0px no-repeat; }
.phone-btn-hup:hover { background-position:0px -48px; }
.phone-btn-hup:active { background-position:0px -96px; }

.phone-btn-vol { display:block; width:48px; height:48px; float:left; background:url(/images/phone/phone_buttons_48.png) -48px 0px no-repeat; }
.phone-btn-vol:hover { background-position:-48px -48px; }
.phone-btn-vol:active { background-position:-48px -96px; }
.phone-btn-vol-dis { display:block; width:48px; height:48px; float:left; background:url(/images/phone/phone_buttons_48.png) -48px -144px no-repeat; cursor:default; }

.phone-btn-mic { display:block; width:48px; height:48px; float:left; background:url(/images/phone/phone_buttons_48.png) -96px 0px no-repeat; }
.phone-btn-mic:hover { background-position:-96px -48px; }
.phone-btn-mic:active { background-position:-96px -96px; }
.phone-btn-mic-dis { display:block; width:48px; height:48px; float:left; background:url(/images/phone/phone_buttons_48.png) -96px -144px no-repeat; cursor:default; }

.agent-cell { height: 120px; width: 33%; }
.agent-cell-first { height: 120px; width: 25%; background-color:#D7E2E8; }
.agent-box { margin:0; padding:0; background-color:#fbfbfb; border: 1px solid #dedede; -moz-border-radius: 15px; border-radius: 15px; border-spacing: 0px; display:none; }
.agent-box:hover { background-color: #f0f0f0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.agent-row { font-size: 10px; word-wrap: break-word; max-height: 30px; line-height:16px; overflow:hidden; padding:6px 0px 6px 3px; border-bottom: 1px dotted #ccc; margin: 0px 5px 0px 3px; cursor:default; }
.agent-title { font-size: 12px; font-weight:bold; }
.phone-agent-available { display:none; }
.phone-agent-notavailable { display:none; }

.phone-flash-wrapper { position:absolute; left: -500px; top: -500px; width:375px; height:200px; }
.phone-flash-inner-wrapper { position:absolute; width:215px; height:138px; top:10px; left:80px; }
.phone-flash-arrow-right { position:absolute; top:79px; left:32px; width:36px; height:24px; background:url(/images/phone/wizard_arrow_right.png) no-repeat; display:none; }
.phone-flash-arrow-left { position:absolute; top:118px; left:307px; width:36px; height:24px; background:url(/images/phone/wizard_arrow_left.png) no-repeat; display:none; }
.phone-flash-desc { position:absolute; left:0px; bottom:0px; color:#808080; }
.phone-flash-spinner { position:absolute; left: -500px; top: -500px; }
.phone-flash-noflash { position:absolute; left: -500px; top: -500px; width:425px; text-align:center; }

.member-box { background-color:#fbfbfb; border: 1px solid #dedede; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border-spacing: 0px; height:52px; float:none; margin-bottom:4px; }
.member-box:hover { background-color: #f0f0f0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.member-cell { font-size: 12px; font-weight:bold; float:left; height:52px; line-height:52px; }
.member-control-cell { width: 40px; float:right; height:52px; line-height:52px; margin-top:9px; }

.member-add-btn { display:block; width:32px; height:32px; float:left; background:url(/images/phone/add_member_32.png) 0px 0px no-repeat; }

.member-mute-btn { display:block; width:48px; height:48px; float:left; background:url(/images/phone/phone_buttons_48.png) -96px 0px no-repeat; }
.member-mute-btn:hover { background-position:-96px -48px; }
.member-mute-btn:active { background-position:-96px -96px; }

.member-unmute-btn { display:block; width:48px; height:48px; float:left; background:url(/images/phone/mic_muted_48.png) no-repeat; }
.member-unmute-btn:hover { background:url(/images/phone/mic_muted_hover_48.png) no-repeat; }
.member-unmute-btn:active { background:url(/images/phone/mic_muted_press_48.png) no-repeat; }

.editableNick { width:150px; font-size:10px; font-weight:bold; }

.queue-item { margin:0 0 5px 0; padding:0; background-color:#fbfbfb; border: 1px solid #dedede; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:200px;  font-size:9px; font-family: Verdana, sans-serif; }
.queue-item:hover { background-color: #f0f0f0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.q-left { float:left; width:35px; height:48px; padding-left:4px; margin-right:4px; border-right: 1px solid #dedede; }
.q-s { width:30px; height:32px; }
.q-status-wait { background: url(/images/phone/clock.png) no-repeat 4px 6px; }
.q-status-cons { background: url(/images/phone/phone_small.png) no-repeat 4px 6px; }
.q-dur {  }
.q-top-desc { height:24px; line-height:24px; font-size:12px; font-weight:bold; font-family: Verdana, sans-serif; }
.q-bot-desc { height:24px; line-height:24px; font-size:11px; font-family: Verdana, sans-serif; }
.q-lnk-p { display:block; width:25px; height: 24px; margin-top:2px; float:right; background:url(/images/phone/priority.png) no-repeat; }
.q-lnk-r { display:block; width:25px; height: 24px; float:right; clear: right; background:url(/images/phone/back-rtl.png) no-repeat; }

.call-cont { display:inline-block; margin:0px 0px 5px 0px; padding:3px 0px 0px 3px; border: 3px solid transparent; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:305px; }
.call-cont-active { border: 3px dashed #cee3f8; background-color:#fbfbfb; }
.call-cont-join { border: 3px solid #5f99cf; background-color:#fbfbfb; position:absolute; left: 33%; box-shadow: 3px 3px 7px #888; z-index:100; }
.call-item { padding:0px; margin:0px 0px 3px 0px; background-color:#ffdbad; border: 1px solid #fc8d00; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:300px; font-size:9px; font-family: Verdana, sans-serif; }
.c-left { float:left; width:38px; height:48px; padding-left:4px; margin-right:4px; }
.c-s { width:34px; height:40px; background: url(/images/phone/caller_32.png) no-repeat 2px 6px; }
.c-top-desc { height:24px; text-align:left; line-height:24px; font-size:12px; font-weight:bold; font-family: Verdana, sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); overflow:hidden; cursor:default; }
.c-bot-desc { height: 24px; text-align: left; line-height: 24px; font-size: 11px; font-family: Verdana, sans-serif; cursor: default; white-space: nowrap; text-overflow: ellipsis; }
.c-lnk-cont { width:110px; height: 35px; float:right; clear: right; padding-top:8px; }
.c-lnk-r { display:block; width:32px; height:32px; padding-right:3px; float:right; }

.join-ctl { display:none; margin:0px 0px 3px 0px; height:32px; padding:0px 3px 0px 0px; line-height:32px; text-align:right; vertical-align:middle; font-size:12px; font-weight:bold; font-family: Verdana, sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.join-span { margin: 0px 5px 0px 0px; }
.join-helper { width:34px; height:40px; background: url(/images/phone/caller_32.png) no-repeat 2px 6px; background-color:#ffdbad; box-shadow: 3px 3px 7px #888; border: 1px solid #fc8d00; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; }

.agent-item { margin:0 0 5px 0; padding:0; background-color:#fbfbfb; border: 1px solid #dedede; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:250px; font-size:9px; font-family: Verdana, sans-serif; }
.a-left { float:left; width:35px; height:48px; padding-left:4px; margin-right:4px; }
.a-s { width:30px; height:40px; background: url(/images/phone/agent_32.png) no-repeat 6px 8px; }
.a-top-desc { height:24px; line-height:24px; font-size:12px; font-weight:bold; font-family: Verdana, sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); overflow:hidden; cursor:default; }
.a-bot-desc { height:24px; line-height:24px; font-size:11px; font-family: Verdana, sans-serif; cursor:default; }
.a-lnk-cont { width:28px; height: 35px; float:right; clear: right; padding-top:10px; }
.a-lnk-cont2 { width:34px; height: 35px; float:right; clear: right; padding-top:8px; padding-right: 4px; }
.a-lnk-r { }
.a-active { background-color:#c3e5c9; border: 1px solid #77b377; }
.a-active:hover { background-color:#d7f2dc; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.a-inactive { background-color:#e5a1a1; border: 1px solid #ba5454; }
.a-inactive:hover { background-color:#f2bcbc; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.a-drag-helper { width:34px; height:40px; background: url(/images/phone/agent_32.png) no-repeat 2px 6px; background-color:#c3e5c9; box-shadow: 3px 3px 7px #888; border: 1px solid #77b377; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; }

.missed-item { margin:0 0 5px 0; padding:0; background-color:#ecebeb; border: 1px solid #ba5454; position:relative; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:100%; font-size:9px; font-family: Verdana, sans-serif; }
.missed-item:hover { background-color:#f2f2f2; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.m-left { float:left; width:35px; height:48px; padding-left:4px; margin-right:4px; }
.m-s { width:30px; height:40px; background: url(/images/phone/missed_32.png) no-repeat 0px 8px; }
.m-top-desc { height:24px; line-height:24px; font-size:12px; font-weight:bold; font-family: Verdana, sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); overflow:hidden; cursor:default; }
.m-bot-desc { height:24px; line-height:24px; font-size:11px; font-family: Verdana, sans-serif; cursor:default; }
.m-lnk-cont { width:34px; height: 35px; float:right; clear: right; padding-top:8px; padding-right: 6px; }
.m-close-div { display:none; position: absolute; top:-10px; right:-10px; width:24px; height:24px; background: url(/images/phone/close_24.png) no-repeat 0px 0px; }
.m-close-lnk { display:block; width:24px; height:24px; }
.missed-item:hover > .m-close-div { display:block; }
.m-lnk-r { }
.m-drag-helper { width:34px; height:40px; background: url(/images/phone/missed_32.png) no-repeat 2px 6px; background-color:#ecebeb; box-shadow: 3px 3px 7px #888; border: 1px solid #ba5454; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; }

.user-info-container { margin:0 0 0 0; padding:0; width:100%; font-size:9px; font-family: Verdana, sans-serif; }
.user-info-box { margin:0 0 5px 0; padding:15px; background-color:#fbfbfb; border: 1px solid #dedede; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:430px; font-size:11px; font-family: Verdana, sans-serif; }
.user-info-no-user { width:430px; padding-top:20px; font-size:12px; font-family: Verdana, sans-serif; text-align:center; color:#999999; font-weight:bold; }
.user-info-loading { width:430px; text-align:center; }

.ui-multiselect.ms { font-family: Verdana, Sans-Serif; color:#444444; font-weight: normal; background-image: none; background-color: #F7F9FB; border: 1px solid #D0D9E0; width: 380px; padding: 4px; -moz-border-radius: 0px; border-radius: 0px; }
.ui-multiselect-menu.msm { font-family: Verdana, Sans-Serif; color:#444444; background-image: none; background-color: #F7F9FB; border: 1px solid #D0D9E0; -moz-border-radius: 0px; border-radius: 0px; width: 422px !important; }

.queue-select select { background: transparent; width: 200px; padding: 10px 5px; font-size: 12px; line-height: 21px; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none; font-family: Verdana, Sans-Serif; color:#444444; font-weight:bold; vertical-align:middle; }
.queue-select select:focus { outline: none; }
.queue-select select:disabled { color: #888888; }
.queue-select { margin:0 0 5px 0; padding:0; border: 1px solid #dedede; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:200px; height:40px; overflow: hidden; background: url(/images/phone/arrow_down.png) no-repeat 178px #fbfbfb; }
.queue-select:hover { background-color: #f0f0f0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }

.agent-filter-container { margin:0 0 5px 0; padding:0; border: 1px solid #dedede; -moz-border-radius: 10px; border-radius: 10px; border-spacing: 0px; width:250px; height:40px; overflow: hidden; background-color: #fbfbfb; }
.agent-filter-container:hover { background-color: #f0f0f0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.agent-filter-box { background: transparent; width: 197px; padding: 0px 5px 0px 24px; font-size: 12px; line-height: 21px; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none; font-family: Verdana, Sans-Serif; color:#444444; font-weight:bold; background: url(/images/phone/search_16.png) no-repeat 4px 12px; }
.agent-filter-box:focus { outline: none; }
.agent-filter-box:disabled { color: #888888; }
.agent-filter-clear-cont { width:18px; height: 40px; float:right; clear: right; }
.agent-filter-clear { line-height:0px; font-size:0px; }

.user-no-hist { text-align:center; color:#999999; font-weight:bold; display:none; }
.user-hist-data { width:100%; border:0; }
.user-hist-data td.timecolhead { width:30%; text-align:left; font-weight:bold; line-height: 28px; border-bottom:1px solid #ddd; }
.user-hist-data td.opcolhead { width:50%; text-align:left; font-weight:bold; line-height: 28px; border-bottom:1px solid #ddd; }
.user-hist-data td.durcolhead { width:20%; text-align:right; font-weight:bold; line-height: 28px; border-bottom:1px solid #ddd; }
.user-hist-data td.timecol { width:30%; text-align:left; line-height: 28px; border-bottom:1px solid #ddd; }
.user-hist-data td.opcol { width:50%; text-align:left; line-height: 16px; border-bottom:1px solid #ddd; }
.user-hist-data td.durcol { width:20%; text-align:right; line-height: 28px; border-bottom:1px solid #ddd; }
.ui-lnk-r { display:block; width:32px; height:32px; padding-left:3px; float:right; }

a.lnk-busy { background: url(/images/spinner_24.gif) no-repeat 4px 8px; }

hr.carved {
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 1.4em 0;
  border: none; 
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.5, rgb(221,221,221)),
      color-stop(0.5, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      center top,
      rgb(221,221,221) 50%,
      rgb(255,255,255) 50%
  );
}

div.splitter 
{
    margin:0px 0 10px 0;
    position:relative;
    height: 2px;
    /*border-bottom: 1px solid #dedede;*/
}

.redirect-agent-item { display:block; margin:0 0 3px 0; height:38px; color:#333333; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 6px; border-radius: 6px; line-height:38px; font-size:12px; font-weight:bold; font-family: Verdana, sans-serif; background: url(/images/phone/agent_32.png) no-repeat 3px 3px; padding: 0px 5px 0px 38px; }
.redirect-a-active { background-color:#c3e5c9; border: 1px solid #77b377; }
.redirect-a-active:hover { background-color:#d7f2dc; }
.redirect-a-inactive { background-color:#e5a1a1; border: 1px solid #ba5454; }
.redirect-a-inactive:hover { background-color:#f2bcbc; }

/*Ship List*/


.shipInfoGrid
{
    width:100%;    
    position:relative;        
}


.shipInfoGrid .cTable
{
    position:relative;
    margin: 0px auto;
    display:inline-table;
}

#content_shipView
{
    position:relative;
}

#shipPosition
{
    width:25%;
    position:absolute;
    top:35px;
    right:0px;
}

#shipInfoWrap
{
    position:relative;
}

 #content_txtSearch
{
    float:left;
}

.mapDiv
{
    margin: 0 auto 0 auto;
}

.pdfCell, .editCell, .pathCell
{
    width:25px !important;
    text-align:right !important;
    max-width: 25px;
}

.eB
{
    background-image: url(/cp/yachtwifi/images/edit22.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

.lnk
{
    cursor: pointer;
    background-image: url(/cp/yachtwifi/images/mp22.png);    
    height: 22px;
}
.pdf
{
    cursor:pointer;
    background-image: url(/cp/yachtwifi/images/pdf_doc.png);
    height: 22px;
}

.checkIn
{
    background-image: url(/cp/yachtwifi/images/btn_ok.png);
    cursor: pointer;
}

.checkOut
{
    background-image: url(/cp/yachtwifi/images/btn_cancel.png);
    cursor: pointer;
}

.ddlLangSel
{
    float: left;
}

.btnPaket
{
    margin: 5px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    color: #000;
}

#shipsTable tbody .r 
{
    width: 25px;
    text-align:right !important;
    max-width: 25px;
}    


#stuff
{
    margin: 30px 0px 40px 0px;
    position: relative;
    min-height: 500px;
}

.movedUp 
{
    position: relative;
    top: -25px;
    left: 10px;
}


@media all and (max-height:900px)
{
    #shipPosition #map_c
    {
        height: 450px !important;
    }

    #shipPosition > div
    {
        height: 600px;
    }

    #shipPosition .formButtonHolder
    {
        height: 40px;
    }

}

/*cookie float*/
#cookies
{    
    background: rgba(114, 114, 112, 0.804);
    border-radius: 5px 5px 0px 0px;
    width: 990px;
    bottom: 0px;    
    line-height:25px;
    position: fixed;
    text-align: center;
    z-index: 999;
    margin: 0 auto;
    color:#fff;
}

#cookies a:hover
{
    color:#fff;
    text-decoration:none;
}

#cookies a
{
    color:#fff;
    text-decoration:underline;
}

#imgCookie
{
    background: url("/images/circle_close_small.png") 0 0 no-repeat;    
    width:13px;
    height:14px;
    cursor: pointer;
    overflow: hidden;
    margin: 5px 5px;    
    float:right;
    text-indent: -9999px;
}

#imgCookie:hover
{
    opacity:0.6;
}

/*WEbCC dropdown*/
.zauzetost { list-style-type:none; padding:0; width:35px; height:30px; float:left;}
.zauzetost li img { width:20px; height:32px; margin-bottom:8px;}
.zauzetost li ul { border:1px solid #DEDEDE; width: 115px; -moz-border-radius: 6px; border-radius: 6px; background-color:#FBFBFB; margin-left: -5px; }
.zauzetost li li { list-style-type:none; padding: 12px 5px 8px 5px; z-index:200; margin:0 0 0 0px; width:100px; cursor:pointer;  }
.zauzetost li a {font-size:12px; color:#666;}
.zauzetost li a img {float:left;  margin:-8px 7px 0 0; width:15px; height:24px;}
.ime { float:left; padding:8px 0 0 0;} 

.glass-panel{ z-index: 999; position: fixed; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; opacity: 0.8; background-color: Gray; }

.blury-background { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); }

.arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; padding: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.arrow_box:after, .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #88b7d5; border-width: 30px; margin-left: -30px; }
.arrow_box:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #c2e1f5; border-width: 36px; margin-left: -36px; }
.arrow_box .mic-prompt { color: #333333; text-align: center; font-size: 21px; line-height: 26px; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }

/* Queue viewer */
.qv-line { display:block; margin:0 0 3px 0; height:38px; color:#333333; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 6px; border-radius: 6px; line-height:38px; font-size:12px; font-weight:bold; font-family: Verdana, sans-serif; padding: 0px 5px 0px 38px; }
.qv-queue-line { border: 1px solid #DD6B1E; background: #F6A66F url(/images/phone/agent_32.png) no-repeat 3px 3px; }
.qv-queue-line:hover { background-color:#F6CBAE; }
.qv-item-div { margin-left:30px; }
.qv-item-line { border: 1px solid #dedede; background-color: #fbfbfb; }
.qv-item-line:hover { background-color:#f0f0f0; }
.qv-status-wait { background-image: url(/images/phone/clock.png); background-repeat: no-repeat; background-position: 4px 6px; }
.qv-status-talk { background-image: url(/images/phone/phone_small.png); background-repeat: no-repeat; background-position: 4px 6px; }
.qv-no-item-line { border: 1px solid #dedede; background-color: #fbfbfb; color:#666; text-align:center; }
.qv-kill-link { display:block; float:right; width:20px; height:38; background: url(/images/phone/clear_40.png) no-repeat 0px 0px; }


/* Robotko viewer */
.rv-line { display:block; margin:0 0 3px 0; min-height:38px; color:#333333; -moz-border-radius: 6px; border-radius: 6px; line-height:18px; font-family: Verdana, sans-serif; padding: 0px 5px 0px 38px; }
.rv-robotko-line { border: 1px solid #DD6B1E; background-color: #F6A66F; }
.rv-robotko-line-agent { background: #F6A66F url(/images/phone/agent_32.png) no-repeat 3px 3px; }
.rv-robotko-line-active { background: #F6A66F url(/images/phone/metro_resume_32.png) no-repeat 3px 3px; }
.rv-robotko-line-killed { background: #F6A66F url(/images/phone/metro_cancel_32.png) no-repeat 3px 3px; }
.rv-robotko-line-ready { background: #F6A66F url(/images/phone/metro_accept_32.png) no-repeat 3px 3px; }
.rv-robotko-line:hover { background-color:#F6CBAE; }
.rv-no-item-line { border: 1px solid #dedede; background-color: #fbfbfb; color:#666; text-align:center; }


.okviric { float:left; margin:0 5px; width:23%; text-align:center;}
.okviric img { max-width:100%; display:block; margin: 0 auto 20px auto;}
.okviric p { padding:0 10px;}
.mojatablica td {padding:7px 5px; border-bottom: solid 1px #D7E2E8;}
.mojatablica .head {
	height: 36px;
	background-color: #D7E2E8;
	border: 0px;	
	text-align: left; font-weight: bold; padding:7px 5px;
}
.mojatablica .foot {
	background-color: #f2f6f9;
	border: 0px;	
	text-align: left; padding:4px 5px; border-bottom: none;
}


.cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }