body{

margin: 20px 0;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 14px;

color: #102e10;

padding:0px;

margin:0px;

background-color:#ffffff;

line-height: 16px;

text-align:center;

}


a:link, a:visited, a:active { color: #000; }

a:hover { color: #FF0000; }

a, a:link, a:visited, a:active, a:hover, img, a img {

outline:none;

border:0px;

}

.bluebutton {

	height: 20px;

	background: #87C4DB;

	border: none;

	text-transform: lowercase;

	font-size: 10px;

	font-weight: bold;

	color: #FFFFFF;

	cursor: pointer;

}

table.sortable {

border:1px solid #cccccc;

}

table.sortable tr td {

padding:10px;

text-align:center;

border-right:1px solid #cccccc;

border-bottom:1px solid #cccccc;

}

table.sortable thead th {

padding:5px;

background-image:url(../images/common/upbg.jpg);

background-repeat:repeat-x;

color:#ffffff;

cursor:pointer;

border-bottom:1px solid #ffffff;

border-right:1px solid #ffffff;

font-weight:normal;

}

table.sortable2 {

border:1px solid #cccccc;

}

table.sortable2 tr td {

padding:5px;

text-align:left;

border-right:1px solid #cccccc;

border-bottom:1px solid #cccccc;

}

table.sortable2 thead th {

padding:5px;

background-image:url(../images/common/upbg.jpg);

background-repeat:repeat-x;

color:#333333;

border-bottom:1px solid #cccccc;

border-right:1px solid #cccccc;

}

.even {

background-color:#d9f5d9;

}

.odd {

background-color:#ebf9eb;

}



.hidden {

display:none;

}

table.sortable thead th.sorttable_nosort { cursor:default; }

.title {

font-size:18px;

padding:10px;

color:#0099CC;

}

table.sortable2 {margin:0px auto;

width:550px;

}

.inps {

background-color:#ffffff;

border:1px solid #cccccc;

font-size:14px;

color:#666666;

padding:5px;

width:90%;

}

.submit {

background-image:url(../images/common/footerbg.jpg);

height:50px;

color:#ffffff;

line-height:50px;

border:1px solid #cccccc;

width:100px;

cursor:pointer;

}

.redbutton {

background-image:url(../images/common/redbg.jpg);

height:50px;

color:#ffffff;

line-height:50px;

border:1px solid #cccccc;

width:100px;

cursor:pointer;

}

table.addnewtable {

border:3px solid #336699;

}

table.sortable {

margin:0px auto;

width:950px;

}

table.sortable2 {

margin:0px auto;

width:950px;

}

table#mainmenu {

width:auto;

margin:0px auto;

}

table#mainmenu tr td {

text-align:center;

vertical-align:middle;

padding:20px 40px 20px 40px;

color:#750a0a;

border:1px solid #ffffff;

}

table#mainmenu tr td:hover {

border:1px solid #cccccc;

}

table#mainmenu tr td a:link, table#mainmenu tr td a:active, table#mainmenu tr td a:visited {

color:#750a0a;

font-size:12px;

text-decoration:none;

}

table#mainmenu tr td a:hover {

color:#750a0a;

}

#mainmenu {

width:950px;

margin:0px auto;

}

.menuitem {

float:left;

width:160px;

text-align:center;

border:1px solid #e8e8e8;

color:#a3a3a3;

cursor:pointer;

padding:10px;

margin-right:3px;

margin-bottom:3px;

}

.menuitem:hover {

border:1px solid #cccccc;

color:#666666;

}

.clear {

clear:both;

}

.menuspacer {

height:3px;

clear:both;

}

.sectionheader {

width:950px;

margin:0px auto;

}

.addnewbox {

float:right;

width:200px;

text-align:right;

padding-top:35px;

}

.titlebox {

width:600px;

float:left;

text-align:left;

}

#footer {

clear:both;

margin-top:20px;

background-image:url(../images/common/footerbg.jpg);

background-repeat:repeat-x;

height:50px;

}

table.sortable2 tr td.ralign {

text-align:right;

}

table.addnewtable {

width:auto;

}

table.sortable2 tr td.addtitle {

font-size:14px;

color:#ffffff;

text-align:center;

background-image:url(../images/common/upbg.jpg);

}

.qmark {

position:relative;

display:inline;

padding-left:3px;

margin-top:2px;

}

#dropmenudiv{

position:absolute;

border-bottom-width: 0;

z-index:100;

border:1px solid #336699;

padding-bottom:5px;

}

#dropmenudiv a{

width: 100%;

display: block;

padding-bottom:6px;

padding-left:19px;

cursor:pointer;

text-align:left;

color:#336699;

background-image:url(../images/common/smallpop.jpg);

background-repeat:no-repeat;

background-position:7px 5px;

}

#dropmenudiv a:hover {

text-decoration:underline;

}

#dropmenudiv a span {

border-bottom:1px solid #ffffff;

width:100%;

}

.first {

margin-top:6px;

}

.hidden {

display:none;

}

.center {

text-align:center;

}

/***** LOGIN FORM *****/

.loginspacer {

height:15px;

clear:both;

}

.loginline1 {

margin:0px auto;

height:30px;

width:230px;

padding-left:73px;

background-image:url(../images/common/logintxt-l1.jpg);

background-repeat:no-repeat;

background-position:0px 3px;

}

.loginline2 {

height:30px;

margin:0px auto;

width:230px;

padding-left:73px;

background-image:url(../images/common/logintxt-l2.jpg);

background-repeat:no-repeat;

background-position:0px 3px;

}

.loginbox {

border:1px solid #cccccc;

width:98%;

padding:2px;

font-size:14px;

color:#666666;

font-family:Arial, Helvetica, sans-serif;

}

/***** DATE PICKER ******/

table.jCalendar {

	border: 1px solid #000;

	background: #ffffff;

    border-collapse: separate;

    border-spacing: 2px;

}

table.jCalendar th {

	background: #348fd5;

	color: #fff;

	font-weight: bold;

	padding: 3px 5px;

}

table.jCalendar td {

	background: #cce3f5;

	color: #348fd5;

	padding: 3px 5px;

	text-align: center;

}

table.jCalendar td.other-month {

	background: #e3eefd;

	color: #aaa;

}

table.jCalendar td.today {

	background: #7aa2c1;

	color: #fff;

}

table.jCalendar td.selected {

	background: #b22f2f;

	color: #fff;

}

table.jCalendar td.selected:hover {

	background: #750a0a;

	color: #fff;

}

table.jCalendar td:hover, table.jCalendar td.dp-hover {

	background: #fff;

	color: #000;

}

table.jCalendar td.disabled, table.jCalendar td.disabled:hover {

	background: #e3f1ff;

	color: #888;

}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {

	position: relative;

	background: #fff;

	font-size: 10px;

	font-family: arial, sans-serif;

	padding: 2px;

	width: 171px;

	line-height: 1.2em;

	border:1px solid #336699;

}

div#dp-popup {

	position: absolute;

	z-index: 199;

}

div.dp-popup h2 {

	font-size: 12px;

	text-align: center;

	margin: 2px 0;

	padding: 0;

}

a#dp-close {

	font-size: 11px;

	padding: 4px 0;

	text-align: center;

	display: block;

}

a#dp-close:hover {

	text-decoration: underline;

}

div.dp-popup a {

	color: #4b90d6;

	text-decoration: none;

	padding: 3px 2px 0;

}

div.dp-popup div.dp-nav-prev {

	position: absolute;

	top: 2px;

	left: 4px;

	width: 100px;

}

div.dp-popup div.dp-nav-prev a {

	float: left;

}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */

div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {

	cursor: pointer;

}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {

	cursor: default;

}

div.dp-popup div.dp-nav-next {

	position: absolute;

	top: 2px;

	right: 4px;

	width: 100px;

}

div.dp-popup div.dp-nav-next a {

	float: right;

}

div.dp-popup a.disabled {

	cursor: default;

	color: #ffffff;

	background-color:#e3f1ff;

}

div.dp-popup td {

	cursor: pointer;

}

div.dp-popup td.disabled {

	cursor: default;

}

a.dp-choose-date {

	float: left;

	width: 16px;

	height: 16px;

	padding: 0;

	margin: 5px 3px 0;

	display: block;

	text-indent: -2000px;

	overflow: hidden;

	background: url(../images/common/calendar.png) no-repeat; 

}

a.dp-choose-date.dp-disabled {

	background-position: 0 -20px;

	cursor: default;

}

/* makes the input field shorter once the date picker code

 * has run (to allow space for the calendar icon

 */

input.dp-applied {

	width: 140px;

	float: left;

}



a:link, a:visited, a:active {
color:#358CCE;	
}

a:hover {
color:#FF7200;	
}

table.sortable a:link, table.sortable a:active, table.sortable a:visited, table.sortable2 a:link, table.sortable2 a:active, table.sortable2 a:visited
{
	color:#000;	
}

table.sortable a:hover, table.sortable2 a:hover {
color:red;	
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	text-align:left;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}