body{margin: 0; padding: 0 35px 15px 35px; text-align:center}
body, td, th{font-family: Verdana, Arial, Helvetica, sans-serif;}
.body{width: 95%; text-align:left; margin-left:auto; margin-right:auto;}
a:link{color:#0033CC} a:visited{color:#003399} a:active{color: #0033CC} a:hover{color: #3366ff}
.title{margin: 0; padding: 0 0 0 0; height:80px;}

.title h1{margin: 0; background: none; padding:0; clear:none}
	.title h1 a:link, .title h1 a:visited{text-decoration: none; padding: 15px 0 40px 0; color:#ffffff; font: normal 12px arial; float: left; margin: 0 0 0 0; background: url(../img/logo.gif) no-repeat bottom left; width:170px}
	.title .modtitle{margin: 32px 30px 0 10px; float: left; padding: 0 0 0 0;}
		.title .modtitle h1{letter-spacing:normal; font-size: 20px; margin: 0 0 4px 0; font-weight:normal; text-transform:uppercase}
			.title .modtitle h1 a:link, .title .modtitle h1 a:visited{font-size: 22px; text-decoration: none; color:#000000; background: none; width:auto; margin:auto; float:none}

	.usermenu{clear:both;}
	.usermenu ul{float:right; list-style: none; margin:0; padding:0 0 5px 0;}
		.usermenu ul li{float: left; padding: 0 5px 0 5px; font-size: .7em; color:#666666}

	.menubar{background:#E1EAF4 url(../img/mline.gif) bottom repeat-x; clear:both; height:35px;}
	.menubar ul{list-style:none; margin:0; padding:0}
	.menubar ul li{background: url(../img/mdel.gif) right top no-repeat; float: left; padding: 0 1px 0 0}
	.menubar ul a:link, .menubar ul a:visited{padding: 7px 50px 5px 7px; float: left; color:#000000; font:bold 11px arial; text-decoration:none; text-transform:uppercase}
	.menubar ul #current a:link, .menubar ul #current a:visited{background:#D2E1F0}
	.menubar ul a:hover, .menubar ul #current a:hover{background:#D2E1F0 url(../img/mthis.gif) repeat-x}

	.menubar ul .langsel{padding: 4px 50px 5px 7px; font-size: 11px; float: left}
		.menubar ul .langsel select{ font-size: 11px; width:80px}

	.submenu{display:none; clear:both;}
		.submenu ul{background: #E8F0F3; border:1px solid #E1EAF4; list-style: none; font-size: 11px; margin:2px 0 0 0; padding:0 10px 0 10px; height:20px} 
		.submenu li{float:left}
		.submenu a:link, .submenu a:visited{color:#205992; text-decoration:none; padding: 3px 12px 3px 12px; float: left; background: url(../img/smarr.gif) left center no-repeat}
		.submenu a:hover{text-decoration: underline}
		

h1{clear:both; margin: 0 0 5px 5px; font:normal 1.25em verdana; letter-spacing: -0.05em; padding:20px 0 5px 5px; margin-top:0; color:#000000;}

.content{font-size: .8em; text-align:left; padding: 10px 10px 20px 10px;}
	.content h2{margin: 25px 0 10px 0; font-size: 1.3em; font-weight: normal}
		.content h2.fst{margin: 10px 0 10px 0;}
	.content h3{font-size: 1.1em; margin: 5px 0 10px 0;}
	
	.introtext{margin:20px 0 0 0}
	.introtext h2{margin: 0}
	.introtext a:link, .introtext a:visited {font-size: larger}
	.introtext p{margin: 5px 0 10px 0}
	
	.warn{margin:10px 0 10px 0; padding: 5px; border:1px solid #ff0000; background:#fff6f0}
	
	form{margin:0; padding:0}
	input{font: normal .9em Verdana, Arial, Helvetica, sans-serif}

	.yell{padding: 10px; background:#f3f3f3;}
	.yell table th, .yell table td{border: transparent; background: none; font-weight: normal; font-size: .75em; padding: 5px 10px 5px 0; vertical-align:top}
	.note{border: none; background:none; padding: 5px 0 5px 0; font-style: italic; font-size:.9em; color:#333333}
	label {font-size:1em;}
	label span, .mandatory-fld{color:#CC3333}	
	
	.comment{font-size: 11px; color:#666666; font-weight:normal} .comment a:link, .comment a:visited{color:#663300}
				

		.buttons{padding: 20px 0 10px 0; text-align:center; clear:left;}
		.buttons input {font-size: .9em; padding: 5px 15px;}
		.buttons .submit{font-weight:bold; text-transform:uppercase}

		.signup .fe h3{float: left; width: 200px;}
			.signup .frow{padding: 10px 0}
			.signup .buttons{padding: 20px 0 10px 130px; text-align:left}
	
	
	form.login{width:45%; margin: 20px 0 0 70px; float:right}
	form.left{float:left; margin: 0 70px 0 0;}
		.service{font-size: .75em}
		form.login h3{font-size:1.1em}
		form.login .row{margin: 0 0 5px 0}
			form.login input{margin: 2px 0 0 0}
		.buttons{margin: 20px 0 20px 0; text-align: left; padding:0}
			.buttons input{padding: 5px 20px 5px 20px; font: normal .9em Verdana; }
			.buttons .submit, .submit{font-weight: bold}




	.navigation{margin:-20px 0 0 0; padding: 0 0 10px 0; color:#666666; font-size: .85em; text-align:right}

table{border-collapse:collapse;} th, td{text-align:left; font-size:.8em}

	.tgen{font-size: 1.15em}
		.tw{width:99%; //width: 98%;}
		.tgen thead th{background: #A2A2A2; color: #ffffff}
		.tgen th, .tgen td{font-size:.8em; padding: 6px 7px; border:1px solid #ffffff; vertical-align:top}
			.tgen thead th a:link, .tgen thead th a:visited{color:#ffffff}
			
		.tgen th{background:#f1f1f1}
			.tgen th.nb, .tgen th .nb{font-weight:normal}
		.tgen td{background:#f9f9f9}

	
.foot{clear: both; padding: 20px 0 20px 0;}	
.powered{padding: 10px 30px 30px 16px; font-size: 11px; color:#666666; float: right;}
	.powered a:link, .powered a:visited{color:#666666}

.copy{padding: 10px 10px 30px 10px; font-size: 11px; color:#666666;}
		.copy a:link, .copy a:visited{color:#666666}

/* ADMIN */
		form.admnaviform ul{list-style: none; margin:0; padding:30px 0 0 0; float: right;}
		form.admnaviform li{float: left; padding: 5px 0 5px 10px; font-size: .7em; color:#666666}
		form.admnaviform input, form.admnaviform select{font-size:11px}

/* PREDEFINED CLASSES */

.ticket-new th{background-color:#ffeda6;}
.ticket-open th{background-color:#bfe5f2;}
.ticket-closed th{background-color:#e5e5e5;}
.ticket-hold th{background-color:#e5f2bf;}
.ticket-spam th{background-color:#9999af;}

	.ticket-new td{background-color:#ffffcc; border-top:1px solid #eeeeee}
	.ticket-open td{background-color:#ddf2f9;}
	.ticket-closed td{background-color:#f5f5f5;}
	.ticket-hold td{background-color:#f1f8dc;}
	.ticket-spam td{background-color:#e2e2f1;}
	
	.reply td{padding-bottom: 20px; border-top: 1px solid #999999; background: white}
	.replied{font-size: .85em; color:#666666; text-align:right; padding: 0 0 5px 0;}
	.edited{font-size: .85em; color:#999999; padding: 5px 0 0 0;}
	.sorttab{cursor:hand}
	.attach{font-size: .9em; color:#999999}
	
	.assignedtostaff{color: #339933; font-weight: 600}
	.assignedtome{color:#CC3300; font-weight: 600}

	.treps{color:#cc0000}
	.quickrep{padding: 5px 0 0 0; line-height: 2em}
/*	.quickrep textarea{float:left; margin: 0 10px 0 0} */
	.action{font-size: .9em; font-weight: normal; padding: 5px 0 0 0}
/* END OF PREDEFINED CLASSES */

/* STANDART */	
		.error{background:#fff9f6; font-size:.9em; padding:7px 10px 10px 10px; margin:0 0 10px 0; border: 1px solid #ff0000;}
			.error h3{margin:0; font-size: 1.1em; color:#990000}
			.error ul{padding:0 0 0 17px; margin:0; list-style:square; color:#330000}
			.error a:link, .error a:visited{color:#990000}
			
		.success{background:#f6f9ff; font-size:.9em; padding:10px 10px 10px 10px; margin:0 0 10px 0; border: 1px solid #6699ff}
			.success h3{margin:0; font-size: 1.1em; color:#000099}
			.success ul{padding:0 0 0 17px; margin:0; list-style:none; color:#000033}
			.success a:link, .success a:visited{color:#000099}

	.nd{display:none}

	.navigation{padding: 10px 0 10px 0; font-size: .9em}
