/* =============================================================================

	STYLE.CSS
	version: 1.6
	updated: 2009-03-06, 13:00 GMT+1

============================================================================= */

/* =============================================================================
HTML - styles
============================================================================= */
iframe { border: 0px solid #ffffff; }
body {background-color:#eaeaea; color:#303030; }
a {color:#707070; text-decoration: none;}
a:hover, a:active, a:focus {color:#df0000; text-decoration: none;}
#content h2 {color:#0085cc;}
#content table {border-left-color: #cfcfcf; border-left-style: solid; border-left-width: 1px;}
#content table th {border-right:0px none; background-color:#0085cc; color:#fff;}
#content table td {border-width:0px; padding:0px}
#content table td.act {background-color:#F2F2FF;} 
#content table tr.act {background-color:#F2F2FF;} 
#content table tr {height:68px;}
#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc;}
#content legend {background:#FFF; color:#0085cc;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}

/* =============================================================================
LAYOUT
============================================================================= */

#tray {background-color:#303030; color:#cfcfcf;}
#tray a, #tray strong {color:#fff;}
#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}
#menu {background-color:#0085cc;}
#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {color:#0085cc;}
#menu ul.f-right a {color:#df0000;}
#content {padding-top:10px; border:1px solid #afafaf; background:#fff;}


#topbar {width:100%; background: url("http://pingtool.org/design/content-h1.gif") 0px 0px repeat-x transparent;}
#topmenu {margin:auto; width:1028px;}
#topmenucontent {float:left; width: 514px; text-align:left; color:#666666;}
#topmenucontent2 {float:left; width:514px; text-align:right; color:#666666;}

/* =============================================================================
OTHERS
============================================================================= */
#langsel {color: #999;text-align:right;}
#langsel a {color: #999; text-decoration:none}
#aside #logo img {border:1px solid #bfbfbf;}
#aside #search fieldset a {color:#303030;}
#aside #search fieldset {border:1px solid #bfbfbf;}
#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;}
#aside #btn-create a {background-color:#fff; color:#303030;}
#aside #btn-create a span {background-color:#fff;}
#aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}
#aside ul li#submenu-active a {background-color:#df0000; color:#fff;}
#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}
#aside ul li ul li a {background-color:#e3e3e3;}
#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;}
#content h1 {display:table;width:945px; background-color:#303030; color:#fff;}
#content .tabs {border-bottom:1px solid #cfcfcf; }
#content .tabs a {color:#303030; }
#content .tabs a span {color:#303030; text-decoration: none;}
#content .tabs .ui-tabs-selected a {color:#fff;}
#content .tabs .ui-tabs-selected a span {color:#fff;}
.high {color:#df0000;}
.high-bg {background:#FFB;}
.low {color:#707070;}

/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {position:relative; border-left-color: #cfcfcf; border-left-style: solid; border-left-width:1px; border-right-color: #cfcfcf; border-right-style: solid; border-right-width:1px; background-color:#F2F2FF; }

#content .restable {border-width: 0px;}
#content .restable th {border-right:0px none; background-color:#0085cc; color:#fff;}
#content .restable td {border-width:0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
#content .restable tr {height:14px;}
#content .green {color:green; font-weight:bold}
#content .red {color:red; font-weight:bold}

.msg.done {border-left-color: #cfcfcf; border-left-style: solid; border-left-width:1px; border-right-color: #cfcfcf; border-right-style: solid; border-right-width:1px;}
.msg.error {border-right-color: #FFAEAE; border-left-color: #FFAEAE; border-left-style: solid; border-right-style: solid; border-left-width:1px;  border-right-width:1px; background-color:#FEEBEB;}


/* BUTTONS */

.input { margin: 0; padding: 0; }
	
	.button {
		font-size: 150%;
		/*display: inline;*/
		padding: 0px 13px 20px 11px;
		background: url(../arrow.png) center center no-repeat;
		border: 0px solid;
		border-color: #777;
		color: #303030;
		cursor: pointer;
		font-weight: bold;
		width:72px;
		}

	.buttondis {
		font-size: 150%;
		/*display: inline;*/
		padding: 0px 13px 0px 11px;
		background: url(../load.gif) center center no-repeat;
		border: 0px solid;
		border-color: #777;
		color: #303030;
		cursor: pointer;
		font-weight: bold;
		width:72px;
		}
		
	.button:hover {
	background: #f2f2ff url(../arrow.png) center center no-repeat;
		}
	.buttonnone {
		background-image:none;
		}

	.button:active {}