/*

* ###############################################

* ##   MAIN STYLE SHEET   - GREEN              ##

* ###############################################

*/

/* Import styles common to all versions of the theme */
@import url('/public/css/common.css');




/*---[ body / universal ]---------------------------------------------------------*/



body {

		border-top:2px solid #88AA55;

		font-size: 80%;

		font-family: "bitstream vera sans", tahoma, verdana, arial, sans-serif;

		background-color:#F5F5EB;

}

body, div, a, p, h1, h2, h3, h4, h5, ul, li {

		margin: 0;

		padding: 0;

}



/*---[ main elements ]--------------------------------------------------------------------*/



/*	portal - signup/login pages */

.portal {

		background:#ECEBD5 url('../img/browngrad.jpg') repeat-x top;

}



		.portal #wrapper {

				background:transparent none;

				height:100%;

		}



				.portal #wrapper div.narrowBox {

						background-color:#fff;

						border:4px double #D1C5C0;

						padding:32px 32px 0 32px;

						margin:6% auto !important;

						width:30%;

						min-width:232px;

				}



				.portal #wrapper div.wideBox {

						background-color:#fff;

						border:4px double #D1C5C0;

						padding:24px 0 0 0;

						margin:6% auto !important;

						width:750px;

				}



						div.wideBox div#mainform div {

								padding:12px 24px 8px;

								width:325px;

                                                                float:left;

								text-align:left;

						}



						div.wideBox div#mainform div.left {

								border-right:2px dotted #D1C5C0;

						}



				.portal h1 {

						margin-bottom:12px;

						text-align:center;

						display:block;

				}



				div.wideBox h1 {

						margin-bottom:4px !important;

				}



				div.wideBox div#content {

						padding:16px 16px 0;

				}



				.portal p.about {

						padding:6px 2px 2px 2px;

						margin:20px 0 8px;

						color:#775C55;

						text-align:center;

						border-top:1px solid #F5F5EB;

						clear:left;

				}



				.portal ul {

						margin:0;

						padding:16px 0 0 0;

				}



						.portal ul li {

								display:inline;

								padding-right:3px;

								margin-right:4px;

						}



/*	end portal - signup/login pages */

div#wrapper {

		text-align: center;

		padding:16px 16px 0 16px;

		background-color: #fff;

}



div.container {

		width:90%;

		margin:0 auto;

		min-width: 928px;

		padding:0;

		text-align:left;

}



div#header {

		padding:0 0 14px 0;

}



#mainNav {

		position:relative;

		margin:0 -16px;

		padding:0 16px;

		background:#fff url('../img/bar.jpg') repeat-x bottom;

		border-top:1px solid #DEDEDE;

		border-bottom:5px solid #88AA55;

}

		#mainNav div.clearfix {

				width:90%;

				min-width: 928px;

				margin:0 auto;

				text-align:left;

				font-family: arial, tahoma, verdana, arial, sans-serif;

				font-weight:bold;

		}



				#mainNav div div {

						float:right;

						padding:8px;

						color:#503E39;

						text-align:right;

				}

				#mainNav div ul {

						float:left;

						list-style:none;

				}

						#mainNav div ul li{

								float:left;

								border-right:1px solid #ddd;

						}

						#mainNav div ul li.view{

								padding:8px;

								color:#BAA8A0;

						}

						#mainNav div ul li a{

								padding:6px 8px 8px 9px;

								display:block;

								float:left;

								border-top:2px solid #fff;

								color:#503E39;

								text-decoration:none;

						}

						#mainNav div ul li a:hover, #mainNav div ul li a:focus{

								border-top:2px solid #88AA55;

								color:#88AA55;

						}

						#mainNav div ul li#active a{

								border-top:2px solid #88AA55;

						}





div#content {

		padding:16px 0;

		text-align:left;

}



div#footer {

		clear:both;

		background-color:#F5F5EB;

		border-top:#EAE9D0;

		position:relative;

		margin:0 -16px;

		padding:8px 16px;

}

		div#footer div{

				width:90%;

				min-width: 928px;

				margin:0 auto;

				text-align:left;

				font-family: arial, tahoma, verdana, arial, sans-serif;

				font-weight:bold;

				color:#503E39;

		}





div.split {

		width:36%;

		float:right;

}

div.split.left {

		float:left !important;

		width:60%;

}

		div.split .problem {

				border-top:2px solid #D8D6A9;

				border-bottom:2px solid #D8D6A9;

				background:#F5F5EB url('../img/quotetop.gif') no-repeat top left;

				margin-bottom:12px;

		}



				div.split .problem div {

						background:url('../img/quote.gif') no-repeat bottom right;

						padding:14px 14px 10px 14px;

				}



				div.split .problem p {

						margin:0 0 8px 0 !important;

						color:#2D2320 !important;

				}



				div.split .problem input.go {

						margin:0;

						padding:0;

						position:relative;

						margin-bottom:-7px;

				}







		div.split dl {

				clear:both;

				background-color:#F4F3E6;

				position:relative;

				padding:0;

				border-top:2px solid #D8D6A9;

				margin:0 0 12px 0;

		}

		div.split dt {

				left:12px;

				position:absolute;

				padding:3px 0;

				float:left;

		}

		div.split dd {

				clear:both;

				display:block;

				text-align:right;

				border-top:1px solid #fff;

				border-bottom:1px dotted #E3E1C1;

				padding:3px 12px;

				margin:0;

		}

		div.split ol li {



				padding:2px 0;

				list-style-position: inside;



		}

		div.split ul.tickets {

				padding:0;

				margin:0 0 12px 0;

				list-style:none;

		}

				div.split ul.tickets li {

						padding:2px 0;

				}

				div.split ul.tickets li a {

						padding:2px 0 2px 20px;

						background:url('../img/icon_ticket.gif') no-repeat left;

				}





div.infoBox {

		background-color:#F5F5EB;

		border:1px solid #E5E5C9;

		display:block;

		padding:12px 16px 4px;

		margin-bottom:8px;

}



div.infoBox dd {

		margin:0;

		padding:2px 0;

}



div.info {

		width:32% !important;

		float:left;

		margin:0 !important;

		padding:0 !important;

}



.ticketstatus .half label {

		width:49% !important;

		float:left;

}



.ticketstatus label {

		font-weight:bold;

		color:#503E39;

}





ol.messages {

		margin:0 0 12px 0;

		padding:0;

		border-top:2px solid #D8D6A9;

}

		ol.messages li {

				background-color:#fff;

				border-bottom:1px dotted #DBC7C9;



				padding:14px 14px 10px 14px !important;

				list-style-type:none;

				list-style-position: outside !important;

		}

				ol.messages li.staff {

						background-color:#F4F3E6 !important;

						border-bottom:1px dotted #D8D6A9 !important;

						border-top:1px solid #fff;

				}

				ol.messages h4 {

						margin:0;

						padding:0;

				}

div.info dl {
    margin-bottom:50px !important;
}
 
div.info dl dt {
    background:#E3E1C1;
    color:#000;
    float:left;
    font-weight:bold;
    margin-right:10px;
    padding:5px;
    width:200px;
}
 
div.info dl dd {
    margin:2px 0;
    padding:5px 0;
}
				

/*
dl, ol {

		color:#503E39;

}



dt {

		font-weight:bold;

}



dd {

		padding-top:2px;

		padding-bottom:2px;

}
*/



p.about {



						text-align:center;



}



#structure ul {

	margin-left:64px;

}

#structure ul li {

	padding:3px;

}

#structure ul li img {

	position:relative;

	margin-bottom:-4px;

}

/*---[ MINI LIGHBOX PAGES ]----------------------------------------------------------*/



#mini {

		padding:32px;

		text-align:left;

		background-color:#fff;

}

#mini select{

		display:block;

		width:280px;

		cursor:pointer;

		margin:0 0 7px 0;

}



#mini h1 {



		margin-bottom:12px !important;

}



#mini dl {

		margin:0 0 12px 0 !important;

		padding:0;

}

#mini dd, .mini dt {

		margin:0;

		padding:4px 0 2px 0;

}





/*---[ Forms ]----------------------------------------------------------*/



form.contentform .left {

	float:left;

	border-right:2px dotted #D1C5C0;

	width:48%;

	padding-right:2%;

	height:1%;

}



form.contentform .right {

	float:right;

	width:47%;

	padding-left:2%;

	height:1%;

}



form.selectform {

	margin-bottom:12px;

	display:block;

}



		form.selectform p {

			margin:0;

			padding:0;

		}



		form.selectform label {

			color:#503E39;

			float:left;

		}

  	form.selectform select {
  		padding:2px;
  		border:1px solid #D1C5C0 !important;
  		width:230px;
  		margin-left:2px;
  		margin-right: 10px;
  		cursor:pointer;	
  	}

		form.selectform input {

			float:left;

			margin-left:4px;

		}



#mainform p.instruction {

	font-weight:bold;

	color:#503E39;

	margin:0 0 8px 0;

	text-align:left;

}



#mainform small {

	color:#E9233A;

}

#mainform label, #mainform p.submit, #mainform .group {

	display:block;

	font-weight:bold;

	color:#503E39;

	text-align:left;

	width:98%;

	padding:0;

	margin:0 auto 0 0;

}





		#mainform label input, #mainform .group input, #mainform .group select {

			display:block;

			border:1px solid #D1C5C0;

			margin:0 0 4px 0;

			padding:3px;

			font-weight:normal;

			color:#503E39;

			width:98%;

		}



		#mainform .group select  {

			width:52%;

			padding:2px !important;

			cursor:pointer;

		}



		/* NOTE: .hover and .focus classes IE JS */

		#mainform label input:hover, #mainform label input.hover, #mainform .group input:hover, #mainform .group input.hover {

			background-color:#E7E5CE;

			border-color:#503E39;

		}



		#mainform label input:focus, #mainform label input.focus, #mainform .group input:focus, #mainform .group input.focus {

			background-color:#F0EFE0;

			border-color:#9E8576;

		}



		#mainform div.error {

			padding:3px 0;

			display:block;

		}





		#mainform fieldset {

					padding:16px 24px;

					border:2px dotted #D1C5C0;

					margin:0 0 8px;

					display:block;

		}

		#mainform legend {

					color:#503E39;

					background-color:#fff;

		}



form.signup {

	padding:8px 32px 0;

	color:#503E39;

	margin:0;

}





		form.signup fieldset {

			padding:24px;

			border:2px dotted #D1C5C0;

			margin:0 0 8px;

			display:block;

		}

		form.signup legend {

			color:#503E39;

			background-color:#fff;

		}



		form.signup .left {

			float:left;

			border-right:2px dotted #D1C5C0;

			width:294px;

			padding-right:16px;

			height:1%;

		}



		form.signup .right {

			float:right;

			width:294px;

			padding-left:16px;

			height:1%;

		}



		form.signup label input {

					display:block;

					width:280px;

		}

		form.signup label select {

					display:block;

					width:280px;

					cursor:pointer;

					margin:0 0 7px 0;

		}



		form.signup div {

			padding:0;

			width:auto;

			float:none;

		}



textarea.wide {

		display:block;

		border:1px solid #D1C5C0;

		margin:0 0 8px 0;

		padding:3px;

		font-weight:normal;

		color:#503E39;

		width:99%;

		height:80px;

}



		/* NOTE: .hover and .focus classes IE JS */

		.wide:hover, .wide.hover {

			background-color:#E7E5CE;

			border-color:#503E39;

		}



		.wide:focus, .wide.focus {

			background-color:#F0EFE0;

			border-color:#9E8576;

		}



select {

		cursor:pointer;

}



.radio {

	display:inline !important;

}



.check {

	display:inline !important;

	border:none !important;

	padding:0 !important;

	margin:0 !important;

	width:auto !important;

}



.validation-advice {

		padding: 4px !important;

		background-color: #E72339;

		color : #FFF;

		display:block;

		font-weight: bold;

		margin:0 0 4px 0;

}



/*---[ Tables ]----------------------------------------------------------*/



div.table {

	background:#D8D6A9 url('../img/table_tl.gif') no-repeat top left;

	margin: 0 -1px 28px -1px;

	padding:0;

	width:100%;

}

		div.table div 				{ padding:8px 0 0 0; background:url('../img/table_tr.gif') no-repeat top right; }



			div.table div div 			{ padding:0; background:#E3E1C1 url('../img/table_bl.gif') no-repeat bottom left; }



				div.table div div div 		{ padding:0; background:url('../img/table_br.gif') no-repeat bottom right; }



					div.table div div div div 	{ background:transparent none; padding:0 0 8px 0; }



div.table table {

	width:100%;

	background:#fff;

	border-top:1px solid #fff;

	border-bottom:1px solid #fff;

}



		#content table tr {

			text-align:center;

		}



		#content table tr .manage {

			border-right:0px;

		}
		


		#content table th {

			background-color:#E3E1C1;

			color:#503E39;

			font-weight:bold;

			padding:4px;

			border-right:1px solid #fff;

		}



		#content table tr td {

			background-color:#EAE9D0;

			color:#503E39;

			padding:4px 2px;

			border-top:1px solid #fff;

			border-right:1px solid #fff;

		}



		#content table tr.alt td {

			background-color:#F5F5EB;

		}
		
		#content table tr.alt:hover td {

			background-color:#DDDDDD;

		}
		
		#content table tr.selected td{

			background-color:#88AA55;
			!Important;


		}



.plainTable th, .plainTable td, .plainTable tr {background-color:#fff !Important;}



.manage a { margin:0 2px; }



a.DESC { padding-right:10px; background:url('../img/arrows.gif') no-repeat right; }

a.ASC  { padding-right:10px; background:url('../img/arrows2.gif') no-repeat right; }



/*---[ Typography ]--------------------------------------------------------------*/



p, li, dd, dt, table {

	font-size:1em !important;

}



th, label {

	font-size:1.1em !important;

}



legend {

	font-size:1.2em !important;

}



#content p {

	margin-bottom:12px;

	color:#503E39;

	line-height:1.4em !Important;

}



h1 {

	font-family: "bitstream vera sans", tahoma, verdana, arial, sans-serif;

	font-size: 2em;

	font-weight:normal;

	color:#503E39;

}



h2 {

	font-size: 1.6em;

	color:#503E39;

	font-weight:normal;

	margin-bottom:0.6em;

}



h2 small {

	color:#A48981;

}



h3 {

	font-size: 1.2em;

	color:#503E39;

	font-weight:bold;

	margin-bottom:4px;

}

h4 {

	font-size: 1.1em;

	color:#503E39;

	font-weight:bold;

	margin-bottom:4px;

}



.new, .success { color:#78A249 !important; font-weight:bold; }

.conf { color:#C2904C !important; font-weight:bold; }

.pending,.rma-open { color:#4973A1 !important; font-weight:bold; }



/*--additional coloring--*/

.green{ color:#93E13D !important; }

.darkgreen{ color:#78A249 !important; }

.blue{ color:#4973A1 !important; }

.darkblue{ color:#154A7F !important; }

.yellow{ color:#E8E326 !important; }

.orange{ color:#C2904C !important; }

.red{ color:#CC4455 !important; }

.purple{ color:#7E36B5 !important; }







/*---[ admin page/icons ]-----------------------------------------------------------------*/

.problemAdmin,.statusAdmin,.resAdmin,.staffAdmin,.globalAdmin {

	padding-left:20px;

	background-position:left;

	background-repeat:no-repeat;

}

.problemAdmin { background-image:url("../img/admin_problem.gif"); }

.statusAdmin { background-image:url("../img/admin_status.gif"); }

.resAdmin { background-image:url("../img/admin_res.gif"); }

.staffAdmin { background-image:url("../img/admin_user.gif"); }

.globalAdmin { background-image:url("../img/settings.gif"); }



div.adminGroup {

	padding:0;

	margin:0 0 8px 0;

}

div.adminGroup a {

	padding:12px;

	border:2px dotted #D1C5C0;

	display:block;

	background:#fff;

	font-size: 1em !Important;

	color:#503E39;

	text-decoration:none !Important;

	line-height:1.1em !Important;

}

div.adminGroup strong {

	font-size: 1.1em;

	color:#503E39;

	font-weight:bold;

	margin-bottom:4px;

	display:block;

}

div.adminGroup a:hover,div.adminGroup a:focus {

	background:#F5F5EB;

	color:#88AA55 !important;

}

.adminGroup a:hover strong,div.adminGroup a:focus strong {

	color:#88AA55 !important;

}



/*---[ anchors ]-----------------------------------------------------------------*/



a:link, a:visited {

	color:#503E39;

	text-decoration:underline;

}

a:hover, a:focus {

	color: #88AA55;

	text-decoration:none;

}



a.button {

	float:right;

	position:relative;

}



a img{

	border:0 !Important;

}



/*---[ BUG FIXES ]---------------------------------------------------------*/



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

/*---[ CUSTOM LOGO IMAGE ]---------------------------------------------------------*/



.logo {

	background-image:url("../custom/logokds.png");

	width:256px;

	height:78px;

}


/*---[ TAG CLOUD ]----------*/
#tagCloud {
  float: right;
  width: 170px;
}
#questions {
  margin-right: 220px;
}
ul.tagCloud li {
  display: inline;
}

ul.tagCloud a {
  border-bottom: 0;
}

ul.tagCloud .count2 { font-size: 110% !important; }
ul.tagCloud .count3 { font-size: 120% !important; }
ul.tagCloud .count4 { font-size: 130% !important; }
ul.tagCloud .count5 { font-size: 140% !important; }
ul.tagCloud .count6 { font-size: 150% !important; }
ul.tagCloud .count7 { font-size: 160% !important; }
ul.tagCloud .count8 { font-size: 170% !important; }
ul.tagCloud .count9 { font-size: 180% !important; }
ul.tagCloud .count10 { font-size: 190% !important; }

/*---[ PAGE NUMBERS]-----*/
ul.pageLinks {
  margin-bottom: 8px;
  text-align: right;
}
ul.pageLinks li {
  list-style: none;
  display: inline;
}
ul.pageLinks li a {
  text-decoration: none;
  border: 1px solid #D8D6A9;
  padding: 2px 6px;
}
ul.pageLinks li.current a, ul.pageLinks li a:hover {
  background-color: #D8D6A9;
  color: white;
}

#searchForm th {
  background-color:#E3E1C1;
  text-align: center;
  padding-top: 2px;
}
#searchForm div.table {
  margin: 0;
}

.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
}
.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
	float: right;
   background: url(/public/img/new_arrow.png) no-repeat right #ddd;
}