MAIN.CSS
	version: 1.7
	updated: 2009-03-14, 12:44 GMT+1

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

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

body {"arial", sans-serif;}
html , body {height:100%;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, table, ul {margin:10px 0;}
#content h1 {font-size:125%;}
#content h2 {font-size:160%;}
#content h3 {font-size:140%;}
#content h4 {font-size:120%;}
#content h5, h6 {font-size:100%;}
#content input.text {
	min-width:120px;
	margin: 0 2px;
	padding: 4px;
}
#content select {
	width:150px;
	margin: 0 2px;
	padding: 4px;
}
#content textarea {
	width:100%;
	font-size: small;
	resize:vertical;
}
::-webkit-input-placeholder {
	font-style:normal;
	font-weight:normal;
}
:-moz-placeholder {
	font-style:normal;
	font-weight:normal;
}

button {
	color: #0d0b0d;
	padding: 3px 10px 3px;
	font-weight: bold;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 36%,
		#d9d9d9 71%,
		#ebebeb 97%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.36, #ffffff),
		color-stop(0.71, #d9d9d9),
		color-stop(0.97, #ebebeb),
		to(#ffffff));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #cccccc;
	-moz-box-shadow:
		0px 1px 3px rgba(189,189,189,0.5),
		inset 0px 0px 10px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(189,189,189,0.5),
		inset 0px 0px 10px rgba(255,255,255,0.7);
}
button:active {
	background-color :white;
}

box {
        background-color: gray;
        color: white;
        border: 5px solid black;
        position: absolute;
        width: 150px;
        height: 150px;
    }
/*-----------------------------
base_table_design
-----------------------------*/
#content table {
	margin:0;
	border-collapse:collapse;
	width:800px;
}
#content table th, table td {
	padding:2px;
}
#content table th {
	color:white;
	background-color:SlateGray;
	min-width: 80px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	border: 1px solid black;
	white-space: nowrap;
}
#content table td {
	vertical-align:middle;
	border: 1px solid black;
}
#content ul {list-style:none;}
#content ol {margin:15px 0 15px 30px; list-style-type:decimal;}
#content ol ol {margin:0 0 0 20px;}
#content ol ol li {list-style-type:lower-alpha;}
#content dl {clear:both;}
#content dl dt {font-weight:bold;}
#content dl dd {margin:0 0 5px 0;}
#content fieldset {position:relative; margin:10px 0; padding:10px;}
#content legend {font-size:120%; font-weight:bold;}
#content code {font-family:"",monospace;}
#content .help {cursor:help;}

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

table.nostyle, table.nostyle th, table.nostyle td {border:0 !important;}
table.nostyle th {background:none !important; text-align:left !important;}
table.nostyle th, table.nostyle td {padding:3px 5px !important;}
ul.nostyle {margin:15px 0 15px 20px !important; list-style-type:square !important;}
ul.nostyle ul {margin:0 0 0 25px !important; list-style-type:square !important;}
ul.nostyle li {padding:0 !important; background:none !important;}
dl.nostyle dt {font-weight:bold !important;}
dl.nostyle dd {margin:0 !important;}

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

/*#main {min-width:980px; width:expression(document.body.clientWidth < 980? "980px" : "auto" );}*/
#tray {padding:12px 15px; background:url("../images/tray.gif") 0 0 repeat-x; font:"tahoma",sans-serif;}
#tray p {margin: 0 30px 0 0;;}
#tray p.f-left {width:50%;}
#tray #logout {padding-left:18px; background:url("../images/tray-logout.gif") 0 50% no-repeat; text-transform:uppercase;}
#tray #switcher {margin-right:15px;}
#tray #switcher img {display:block; float:left; width:16px; height:16px; border:0;}
body > #menu {height:auto;}
body > #content {height:auto;}
#menu {padding:15px 15px 13px 15px; background:url("../images/menu.gif") 0 0 repeat-x;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu ul li {display:inline; margin:0; padding:0;}
#menu ul li a {float:left; margin-right:5px; padding-left:5px; background:url("../images/menu-left.gif") 0 0 no-repeat; text-decoration:none; cursor:pointer;}
#menu ul li a span {float:left; display:block; padding:7px 15px 9px 8px; background:url("../images/menu-right.gif") 100% 0 no-repeat;}
#menu ul li a:hover, #menu ul li#menu-active a {background:url("../images/menu-left.gif") 0 -35px no-repeat;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background:url("../images/menu-right.gif") 100% -35px no-repeat;}
#menu ul li#menu-active a {font-weight:bold;}
#content {padding:0px; overflow:hidden;}
#footer {clear:both; height:18px;margin: 10px 0; padding:10px 0; background:url("../images/separator.gif") 0 0 repeat-x; font:"tahoma",sans-serif;}
#footer p {margin:0;}

/* =============================================================================
OTHERS
============================================================================= */

#aside #logo {margin:0 0 15px 0;}
#aside #logo img {display:block;}
#aside #user_info {margin:0 20px 15px}
#aside #menu_list {
	background-color: whitesmoke;
	border-radius: 10px 10px 10px 10px;
	margin: 0 10px 30px;
	padding: 10px;
	text-align: left;
}
#aside #menu_list p img {
	vertical-align:text-top;
}
#aside #search fieldset {padding:7px 10px;}
#aside #search fieldset p {margin:0;}
#aside #search fieldset legend {font-weight:bold;}
#aside #search fieldset .input-text {width:130px;}
#aside #search fieldset #search-options {margin-top:10px;}
#aside #btn-create {margin:0 0 15px 0;}
#aside #btn-create a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("../images/btn-create-left.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;}
#aside #btn-create a span {float:left; display:block; width:163px; padding:8px 0 10px 10px; background:url("../images/btn-create-right.gif") -2px 0 no-repeat;}
#aside #btn-create a:hover {background-position:0 -37px;}
#aside #menu_list > ul {margin-bottom: 4px;}
#aside h4 {margin:0px; background: none repeat scroll 0 0 #AAAAAA;}
#aside ul {margin: 0; list-style:none; width:100%}
#aside h4 + ul > li {margin-left:0px;}
#aside ul li {display:block;margin-left:14px;}
#aside ul li a {color:black;display:block; padding:2px 5px; text-decoration:none;}
#aside ul li a:hover {background-color: Silver;}
#aside ul li a:active {background-color: SlateGray;}
#aside ul p {padding:2px}
#aside ul ul {margin:0; position:static;}
#content h1 {margin:0; padding:2px 6px; background:url("../images/content-h1.gif") 0 0 repeat-x; letter-spacing:-1px;}
#content .col50 {float:left; width:49%;}
#content .col33 {float:left; width:32%;}
#content .col33.center {padding:0 2%;}
#content .tabs {margin:15px 0;}
#content .tabs ul {margin:0; padding:0; list-style-type:none;}
#content .tabs ul li {display:inline; margin:0; padding:0;}
#content .tabs a {float:left; margin-right:3px; padding-left:4px; background:url("../images/tabs-l.gif") 0 -100px no-repeat; text-decoration:none;}
#content .tabs a span {float:left; display:block; padding:8px 15px 6px 11px; background:url("../images/tabs-r.gif") 100% -100px no-repeat;}
#content .tabs a:hover, .tabs a:hover span {text-decoration:underline;}
#content .tabs .ui-tabs-selected a {background:url("../images/tabs-l.gif") 0 0 no-repeat; font-weight:bold;}
#content .tabs .ui-tabs-selected a span  {background:url("../images/tabs-r.gif") 100% 0 no-repeat;}
#content .tabs .ui-tabs-selected a:hover, #content .tabs .ui-tabs-selected a:hover span {text-decoration:none;}
#content .ui-tabs-hide {display: none !important;}
.input-text {padding:3px; font:100%/1.5 "arial", sans-serif;}
.input-text-02 {padding:5px; font:140%/1.5 "arial", sans-serif;}
.input-submit {padding:5px; font-size:120%;}
.input-submit-02 {padding:1px; font-size:100%;}
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("../images/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("../images/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("../images/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("../images/ico-delete.gif") 10px 50% no-repeat;}
.rfloat {float:right;}
.lfloat {float:left;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.key {cursor: pointer;}
.key:hover {
	background-color: whitesmoke;
	text-decoration: underline;
}
.nowrap {white-space:nowrap;}
/* =============================================================================
FONT STYLES
============================================================================= */

.bigger {font-size:120%;}
.smaller {font:85%/1.2 "tahoma",sans-serif;}

/* This line can be deleted */
.tit {padding:10px; background:#f5f5f5;} .tag {background:#ffa;}

.red {
	color:red;
}
ul.ul_float {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.ul_float li {
float: left;
width: 8em;
margin-right: 5px;
padding: 2px;
text-align: center;
}

ul.ul_float {
margin: 0;
padding: 0;
list-style-type: none;
}

.hr_dotted {
border: none;
border-top: 1px #000000 dotted;
margin-top: 2px
margin-bottom: 2px
}

.bg_scarlet {
	background-color:red!important;
}
.bg_red {
	background-color:#FF7575!important;
}
.bg_yellow {
	background-color:#FFFF75!important;
}
.bg_blue {
	background-color:#75A9FF!important;
}
.bg_green {
	background-color:#75FF75!important;
}
.bg_gray {
	background-color:#D8D8D8!important;
}
.bg_purple {
	background-color:#C875FF!important;
}
.bg_lightblue {
	background-color:#ADD8E6!important;
}
.bg_pink {
	background-color:#FFC0CB!important;
}
#content table td.border_blue {
	border: 3px ridge #75A9FF;
}

/*******************************************
 * tooltip
 *******************************************/
div.tooltip {
	border-radius: 10px;
	color: #FFF;
    position: absolute;
    left: -9999px;
    background: #111;
    padding: 7px;
    border: 1px solid #000;
}

/*
div.tooltip p{
    color: #FFF;
    background: #222;
    padding: 5px 10px;
}*/