﻿*
{
	margin:0;
	padding:0;
}

html,body
{
	margin:0;
	padding:0;
	height:100%;
}

body 
{
	text-align:center;
	background-color: #678FC2;
	font-family: Verdana, sans-serif;
	font-size:11px;
	color:#333333;
	overflow: -moz-scrollbars-vertical;
}

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;
}

.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: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; }

/*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 .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;
}

/* 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;}

/*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-heading
{
	font-size:12px;
	font-weight:bold;
}

.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'); }

/* 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; }