html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

img {
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* ignorar o reset à margin e padding das tables */
table, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}



/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}/* body */
body {
	cursor: default;


	background-color: #446888;
	background-image: url(img/bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;

	text-align: center;
	height: 100%;



}

body, td {
	font: 14px/24px Arial, Trebuchet MS, Sans-serif;
	color: #333;
}



form {
  padding: 0px;
  margin: 0px;
}


h1 {
	color: #555;

	font: 25px Georgia, Arial, Tahoma, Helvetica, Sans-Serif;
	font-weight: normal;
	letter-spacing: 0px;

	margin: 3px 0px 10px;
	padding: 0px 0px 2px 10px;

	border-bottom: 1px solid #A8BDCE;

	height: 28px;
	*height: 30px;
}


h2 {
	height: 20px;
	*height: 30px;

	margin: 4px 0px 10px 0px;
	padding: 5px 0px 4px 10px;

	border-bottom: 1px solid #A8BDCE;

	font: 18px Arial, Trebuchet MS, Sans-serif;
	color: #777;
	letter-spacing: 0px;
}




h3 {
	font: 18px Georgia, Trebuchet MS, Arial, Tahoma, Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0px;
	margin: 20px 0px 5px;
	padding: 0px 0px 2px 5px;
	color: #446888;
	border-bottom: 1px solid #E4E4E4;
}


a:link, a:active, a:visited {
  color: #ff5500;
  text-decoration: none;
}

a:hover {
  color: #ff5500;
  text-decoration: underline;
}


hr {
  padding: 0px;
  margin: 0px;
}


input, textarea, select {
	font: normal normal normal 13px/13px Arial, Trebuchet MS, Verdana, Sans-Serif;
	text-decoration: none;
	color: #555555;
	background-color: #FFFFFF;
	letter-spacing: 1px;
}

textarea {
  overflow: auto;
  border: 1px solid #B7D6F4;
}

.fielder {
  border: 1px solid #B7D6F4;
  padding: 2px;


	-moz-border-radius: 3px;
}


.btn {

  font: 14px Arial, Trebuchet MS, sans-serif;
  font-weight: bold;
  color: #fff;

  letter-spacing: 0px;

  border : 0px solid #255B94;

  background-color: #255B94;
  background-image: url(img/btn_bg.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;

  padding: 4px 10px;
  cursor: pointer;


	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





/* MAIL FORM */

div#dwMailFormContainer {
	padding: 5px 0px 10px;
	text-align: center;
	line-height: 2.2em;
}

div#dwMailForm .fielder {
	border: 1px solid #B7D6F4;

	font-family: arial, helvetica, "Trebuchet MS", sans-serif;

	color: #666666;
	font-size: 11px;
	font-weight: normal;
	width: 250px;
	padding: 3px 0px 3px 8px;
	margin: 4px 0px;

	height: 21px;
}

div#dwMailForm textarea.fielder {
	height: 80px;
}

div#dwMailForm .btn {
	padding: 1px 14px;
}

div#dwMailForm_loading {
	background-image: url('img/loading.gif');
	background-repeat: no-repeat;
	background-position: 50% 10px;

	text-align: center;

	margin-top: 20px;
	padding-top: 50px;

	font-family: arial, helvetica, "Trebuchet MS", sans-serif;

	color: #777777;
	font-size: 15px;
	font-weight: bold;
}
/****/


strong {
	font-weight: bold;
}

em {
	font-style: italic;
}
	.mt11 { margin-top: 11px; }
	.mb11 { margin-bottom: 11px; }
	.ml11 { margin-left: 11px; }
	.mr11 { margin-right: 11px; }

	.left { float: left; }
	.right { float: right; }


















	#top .wraper,
	#container .wraper,
	#footer .wraper {
		width: 1008px;
		margin: 0px auto;
		text-align: left;
	}



	#container {
		margin: 0px auto;

		background-image: url(img/skel_bg.gif);
		background-position: 50% 0px;
		background-repeat: repeat-y;
	}





	#skel_bottom {
		height: 21px;
		background-image: url(img/skel_bottom.gif);
		background-position: 50% 0px;
		background-repeat: no-repeat;

		background-color: #446888;
	}


	div#dwcopyright {
		font: 10px/46px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;
		color: #92abbf;

		text-align: center;

	}




	#top {
		height: 119px;

		background-image: url(img/bg.gif);
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}

	#top .wraper {
		width: 985px;
		height: 119px;

		text-align: left;
	}


	#top h1 {
		width: 321px;
		height: 118px;

		background-image: url(img/logo.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;

		border: 0px;

		margin: 0px;
		padding: 0px;

		line-height: 1000px;

		overflow: hidden;

		float: left;
	}

	#top h1 a {
		display: block;
		width: 321px;
		height: 118px;
		overflow :hidden;
		line-height: 1000px;
	}


	#top #mainmenu {
		height: 89px;

		overflow: hidden;

		float: right;

		margin: 25px 0px 0px 0px;
	}

	#mainmenu a {
		display: block;
		float: left;

		margin: 0px 1px;

		width: 95px;
		height: 89px;

		overflow: hidden;

		line-height: 1000px;

		background-image: url(img/buttons.jpg);
		background-repeat: no-repeat;
		background-color: transparent;
	}


	a#btn_home { background-position: 0px 0px; }
	a#btn_home:hover { background-position: 0px -89px; }
	a#btn_home.sel { background-position: 0px -178px; }

	a#btn_servicos { background-position: -95px 0px; }
	a#btn_servicos:hover { background-position: -95px -89px; }
	a#btn_servicos.sel { background-position: -95px -178px; }

	a#btn_portfolio { background-position: -190px 0px; }
	a#btn_portfolio:hover { background-position: -190px -89px; }
	a#btn_portfolio.sel { background-position: -190px -178px; }

	a#btn_suporte { background-position: -285px 0px; }
	a#btn_suporte:hover { background-position: -285px -89px; }
	a#btn_suporte.sel { background-position: -285px -178px; }

	a#btn_quemsomos { background-position: -380px 0px; }
	a#btn_quemsomos:hover { background-position: -380px -89px; }
	a#btn_quemsomos.sel { background-position: -380px -178px; }

	a#btn_contactos { background-position: -475px 0px; }
	a#btn_contactos:hover { background-position: -475px -89px; }
	a#btn_contactos.sel { background-position: -475px -178px; }



















	#contents {
		background-image: url(img/skel_top.jpg);
		background-position: 50% 0px;
		background-repeat: no-repeat;

		min-height: 443px;
		height: auto !important;
		height: 443px;
	}



	#contents .wraper {
		width: 964px !important;
		margin: 0px auto 0px !important;
		padding-top: 21px !important;
	}







	.skel_2x1 .skel_left {
		float: left;
		width: 639px;
		margin-right: 11px;
	}


	.skel_2x1 .skel_right {
		float: left;
		width: 314px;
	}






	.skel_1x1x1 .skel_left {
		float: left;
		width: 314px;
		margin-right: 11px;
	}

	.skel_1x1x1 .skel_center {
		float: left;
		width: 314px;
		margin-right: 11px;
	}


	.skel_1x1x1 .skel_right {
		float: left;
		width: 314px;
	}









	.box1 .hd .c {
		height: 27px;
		font-size: 1px;
	}

	.box1 .ft .c {
		font-size:1px;
		height: 7px;
	}


	.box1 .hd {
		background:transparent url(img/b1_tl.gif) no-repeat 0px 0px;
		margin-right: 7px;
	}

	.box1 .hd .c {
		background:transparent url(img/b1_tr.gif) no-repeat right 0px;
		margin-right: -7px;
	}

	.box1 .bd {
		background-color: #fff;
		border-left: 1px solid #B2B2B2;
		border-right: 1px solid #B2B2B2;

		padding: 4px 10px 0px;
	}

	.box_users .bd {
		height: 100px;

		overflow: hidden;
	}

	.box_news .bd {
		height: 235px;

		overflow: hidden;
	}

	.box1 .ft {
		background:transparent url(img/b1_bl.gif) no-repeat 0px 0px;
		margin-right: 7px;
	}

	.box1 .ft .c {
		background:transparent url(img/b1_br.gif) no-repeat right 0px;
		margin-right: -7px;
	}

	.box1 .hd h1 {
		font: 17px/27px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;
		color: #fff;
		letter-spacing: 0px;

		border: 0px;

		height: 27px !important;
		overflow: hidden;

		padding: 0px !important;
		margin: 0px 0px 0px 10px !important;
	}





	#clientlogin_area {
		padding: 7px 7px 0px !important;
	}

	form#clientlogin_form label {
		float: left;
		width: 100px;
		text-align: right;
		font-weight: bold;
		color: #777;

		font-size: 13px;
	}


	form#clientlogin_form .fielder {
		float: right !important;
		width: 165px;
		margin: 0px !important;

		height: 14px;
	}

	form#clientlogin_form .clearfix {
		margin: 0px 0px 5px 0px;
	}

	form#clientlogin_form .btn {
		margin: 5px 0px 0px 0px;
		width: 85px;
	}

	.clientlogin_form_askpassword {
		font-size: 11px;
		line-height: 15px;

		margin: 4px 0px 0px 0px;
	}


	.sttarea {
		margin: 5px 10px;
	}




	.folio_destaque {
		margin: 10px 0px;
	}

	.folio_destaque_withpic {
		width: 639px;
		height: 200px;

		margin: 10px 0px;

		overflow: hidden;
	}

	.folio_destaque_withpic .folio_wraper {
		margin: 15px 230px 10px 15px;
	}


	.folio_destaque_withpic h1 {
		color: #fff;
		font: 21px/21px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;
		font-style: italic;
		margin: 0px !important;
		padding: 0px 0px 3px 5px !important;

		letter-spacing: -1px;

		height: 21px;

		border-bottom: 1px solid #446888;
	}

	.folio_destaque_withpic h2 {
		margin: 0px !important;
		padding: 3px 0px 0px 0px !important;
		font: 12px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;
		border: 0px !important;

		height: 16px;

		overflow: hidden;
	}

	.folio_destaque_withpic h2 a {

		color: #fff !important;
		text-decoration: none;
	}

	.folio_destaque_withpic p {
		font: 13px/17px Arial, Trebuchet MS, Sans-serif;
		font-weight: normal;
		color: #fff;

		margin: 10px 0px 0px;
	}

	.folio_details {
		margin: 15px 0px 0px 5px;
	}

	.folio_what_we_did h3,
	.folio_descr h3 {
		font-size: 16px;
		margin: 5px 0px 5px !important;
	}

	.folio_descr {
		float: left;
		width: 390px;
	}

	.folio_descr p {
		font: 14px/24px Arial, Trebuchet MS, Sans-serif;
	}




	.folio_descr ul {
		margin: 10px 0px;
	}

	.folio_descr li {
		background-image: url(img/bullet_go.png);
		background-position: 0px 1px;
		background-repeat: no-repeat;

		font: 13px/18px Arial, Trebuchet MS, sans-serif;
		font-weight: normal;

		margin: 5px 0px 5px 5px;
		padding-left: 23px;
	}








	.folio_what_we_did {
		float: right;
		width: 230px;
	}





	.folio_what_we_did ul {
		margin-top: 10px;
	}

	.folio_what_we_did li {
		background-image: url(img/icon_success.gif);
		background-position: 0px 50%;
		background-repeat: no-repeat;

		height: 16px;

		font: 13px/16px Arial, Trebuchet MS, sans-serif;
		font-weight: bold;
		color: #777;

		margin: 5px 0px 5px 10px;
		padding-left: 23px;
	}

	#folio_area {
		margin-bottom: 20px;
	}














	ul.submenu li {
		margin: 2px 0px;

	}





	ul.submenu li a:hover {
		background-position: 0px -30px;
		color: #fff !important;
	}

	ul.submenu li a {
		display: block;

		background-image: url(img/submenu_bg.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;

		color: #666 !important;
		text-decoration: none !important;

		height: 30px;

		font: 14px/30px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;

		padding-left: 10px;
	}


	ul.submenu li a.current {
		color: #fff !important;
		background-position: 0px -60px;
	}

	ul.submenu li span.disabled {
		display: block;

		background-image: url(img/submenu_bg.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;

		color: #999 !important;
		text-decoration: none !important;

		height: 30px;

		font: 14px/30px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;

		padding-left: 10px;

		opacity:.40;
		filter: alpha(opacity=40);
		-moz-opacity: 0.4;
	}



	ul.submenu ul {
		margin: 0px 0px 10px;
	}


	ul.submenu ul li a {
		margin: 3px 5px 2px 10px;
		display: block;
		height: 24px;

		background-image: url(img/subsub_bg.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;

		font: normal normal bold 13px/24px Arial, Trebuchet MS, Sans-serif !important;
		text-decoration: none !important;
		color: #666 !important;

		padding-left: 10px;
 	}

	ul.submenu ul li a:hover {
		color: #fff !important;

		background-image: url(img/subsub_bg.gif);
		background-repeat: no-repeat;
		background-position: 0px -24px;
	}

	ul.submenu ul li a.current {
		color: #fff !important;
		background-position: 0px -48px;
	}


	ul.submenu ul li span.disabled {
		margin: 3px 5px 2px 10px;
		display: block;
		height: 24px;

		background-image: url(img/subsub_bg.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;

		font: 13px/24px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;

		padding-left: 10px;


		opacity:.40;
		filter: alpha(opacity=40);
		-moz-opacity: 0.4;
	}





	.faq_list a {
		display: block;

		border: 1px solid #D1D1D1;
		background-color: #E8E8E8;

		margin: 4px 0px;
		padding: 6px 8px;

		font: 14px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;
		color: #666 !important;
		text-decoration: none !important;

		cursor: pointer;

		-moz-border-radius: 5px;
	}


	.faq_list a:hover {
		border: 1px solid #4E7090;
		background-color: #7792A9;

		color: #fff !important;
	}



	.faq_list .faq_item {
		display: none;

		padding: 5px 10px;

		margin-top: 5px;
		border-top: 1px solid #999;

		font: 13px/18px Arial, Trebuchet MS, Sans-serif;
		font-weight: normal;

		color: #555;
	}



	.faq_list a:hover .faq_item {
		border-top: 1px solid #A7BECE;
		color: #fff;
	}








.login_table {
	width: 100%;
}

.login_table tr td h3 {
	margin-top: 0px;
}

.login_table td {
}

#userlogin {
	padding: 10px;
}

#userlogin label {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	float: left;

	padding: 5px 0px 0px !important;
	margin: 0px !important;
}

#userlogin .fielder {
	width: 140px !important;
	float: right;
}





ul.intext {
	margin: 5px 0px 5px 5px;
	padding-left: 0;
	list-style: none;
}

ul.intext li {
	padding-left: 22px;
	background-image: url(img/bullet_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;

	font: 13px/24px Arial, Trebuchet MS, Sans-serif;
}




.message_box {
	background-position: 10px 8px;
	background-repeat: no-repeat;

	padding: 5px 15px 5px 40px;

	text-align: left;


	-moz-border-radius: 5px;
}

.error_box {
	background-color: #F7CBCA;
	background-image: url(img/icon_error.gif);
	border: 1px solid #CC0000;
	color: #CC0000;
}

.error_box a {
	color: #CC0000 !important;
}

.warning_box {
	background-color: #fff6bf;
	background-image: url(img/icon_warning.gif);
	border: 1px solid #ffd324;
	color: #555;
}

.warning_box a {
	color: #CC0000 !important;
}


.success_box {
	background-color: #EEF4D4;
	background-image: url(img/icon_success.gif);
	border: 1px solid #8FAD3D;
	color: #6D7D6D;
}

.success_box a {
	color: #6D7D6D !important;
}






.message_box li {
	margin: 3px 0px 5px;

	padding-left: 1em;
	text-indent: -1em;

	font: 13px/16px Arial, Trebuchet MS, Sans-serif;
}


.contact_panel {
	border-left: 3px solid #D1D1D1;
	padding: 5px 0px 5px 10px;

	margin: 0px 0px 10px;

	font: 13px/16px Arial, Trebuchet MS, Sans-serif;
}












#contactform label,
#lostpassword label,
#useractivate label {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;

	padding: 5px 0px 0px !important;
	margin: 0px !important;
}


#lostpassword .fielder,
#useractivate .fielder {
	width: 100%;
}


#lostpassword .btn,
#useractivate .btn {
	width: 100%;
	margin-top: 10px;
}


#contactform label {
	float: left;
	width: 50px;
}

#contactform .fielder {
	float: right;
	width: 220px;
}

#contactform textarea {
	height: 100px;
}

#contactform .btn {
	width: 100%;
	margin-top: 5px;
}


div.loadingdiv {
	height: 150px;
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 60%;

	padding-top: 20px;

	font: 15px/20px Arial, Trebuchet MS, Sans-serif;
	font-weight: bold;
	color: #888;

	text-align: center;
}
















.shrinktable_list h3 {
	border: 0px;
	margin: 0px;
	padding: 0px;

	font: 18px Lucida Grande, Arial, Tahoma, Helvetica, Sans-Serif;
	font-weight: normal;
	letter-spacing: -1px;
}

.shrinktable_list h3 a {
	display: block;
	padding: 5px 9px;

	background-color: #DDDDDD;
	background-image: url(img/header-arrow-03.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;

	color: #555 !important;
	text-decoration: none !important;

	-moz-border-radius: 3px;
}

.shrinktable_list h3 a.sel {
	background-image: url(img/header-arrow-01.gif);
	background-color: #3F607E !important;
	color: #fff !important;

	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
}

.shrinktable_list h3 a:hover {
	background-image: url(img/header-arrow-01.gif);
	background-color: #3F607E !important;
	color: #fff !important;
}



.shrinktable_list table {
	font: 12px/16px Arial, Trebuchet MS, Sans-serif !important;
	font-weight: normal;
	color: #444;
	background-color: #fff;

	border-spacing: 1;

	border: 1px solid #DDDDDD;

	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
}

.shrinktable_list table td {
	background-color: #EFEFEF;
	padding: 3px 4px;
}

.shrinktable_list table .tblLineOver td {
	background-color: #aaa !important;
	color: #fff !important;

	cursor: pointer;
}

.shrinktable_list table .tblheader {
	font: 17px/17px Arial, Trebuchet MS, Sans-serif;
	font-weight: bold;
	color: #fff;

	padding: 8px 0px;

	background-color: #3F607E;
	text-align: center;
}

.shrinktable_list table .tblsubheader {
	font: 12px/16px Arial, Trebuchet MS, Sans-serif;
	font-weight: bold;
	color: #444;

	background-color: #ddd;
	text-align: center;

	padding: 2px 0px;
}








a.backbtn {
	height: 22px;
	background-image: url("img/back.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;

	font: normal normal bold 14px/24px Arial, Trebuchet MS, Sans-serif;
	text-decoration: none !important;
	color: #477DB1;

	padding-left: 28px;

	display: block;
}


a.backbtn:hover {
	background-position: 0px -22px;
	color: #ED6E00;
	cursor: pointer;
}









div.jqmAlert { /* contains + positions the alert window */
	display: none;

	position: absolute;
	top: 17%;

	width: 100%;
	*width: 0;

	text-align: center;
}


div.jqmAlertWindow {
	position: absolute;

	height: auto;
	width: 400px;

	left: 50%;

	margin-left: -200px;

	max-width:400px;
	padding: 0px;

	background: #fff;
	border: 2px solid #E0E0E0;

	-moz-border-radius: 3px;
}

.jqmAlertTitle {
	height:30px;
	color: #555;
	background: #EDEDED;
	background-image: url("ui/e0e0e0_40x100_textures_02_glass_80.png");
	background-repeat: repeat-x;
	background-position: 50% 50%;
}

.jqmAlertTitle h1 {
	margin: 0px !important;
	padding: 0px 0px 0px 10px !important;
	font: normal normal bold 16px/30px Arial, Trebuchet MS, Sans-serif !important;
	color: #555;

	float:left;
	height: 30px !important;

	border: 0px !important;
}

div.jqmAlert .jqmAlertTitle .jqmClose {
	display:block;
	width: 30px;
	height: 30px;
	float:right;
	clear:right;
	background-image: url("ui/888888_11x11_icon_close.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-decoration: none !important;
	cursor: pointer;
}

div.jqmAlert .jqmAlertTitle .jqmClose em {
	display: none;
}

div.jqmAlert .jqmAlertTitle a.jqmClose:hover, div.jqmAlert .jqmAlertTitle a.jqmCloseHover { background-image: url("ui/555555_11x11_icon_close.gif"); }

div.jqmAlertContent {
	color:#555;
	font: 13px/20px arial;
	padding: 4px 6px;
	margin: 5px;
	letter-spacing:0px;
	text-align: left;
}


fieldset {
	border: 1px solid #E0E0E0;

	-moz-border-radius: 3px;

	padding: 8px 10px;

	margin: 5px 0px 15px;
}

fieldset legend {
	font: italic normal bold 13px Arial, Trebuchet MS, Sans-serif;
	color: #446888;
	margin: 0px 3px;
	padding: 0px 3px;
}

fieldset label {
	font: normal normal bold 13px/20px Arial, Trebuchet MS, Sans-serif;
	float: left;
}

fieldset label.error {
	font: normal normal normal 12px Arial, Trebuchet MS, Sans-serif;
	color: #ff0000;
	margin: 4px 0px 3px;
}

fieldset .fielder {
	width: 230px;
	float: right;
}




.ac_results {
	text-align: left;
	padding: 0px;
	border: 1px solid #ddd;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	margin: 1px;
}

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

.ac_results li {
	margin: 2px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	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;

	-moz-border-radius: 2px;
}

.ac_loading {
	background: white url('img/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #255B94;
	color: #fff;
}

.dwloading {
	font: italic normal bold 17px/20px Arial, Trebuchet MS, Sans-serif;
	color: #555;

	background-image: url(img/loading.gif);
	background-position: 50% 40px;
	background-repeat: no-repeat;

	text-align: center;

	padding: 10px 5px 60px;
}






table.tblStyle1  {
	font: 12px/16px Arial, Trebuchet MS, Sans-serif !important;
	font-weight: normal;
	color: #444;
	background-color: #fff;

	border-spacing: 1;

	border: 1px solid #446888;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

table.tblStyle1 td {
	background-color: #F4F4F4;
	padding: 4px;
	font-size: 13px;
}

table.tblStyle1 .tblheader {
	font: 16px Arial, Trebuchet MS, Sans-serif;
	font-weight: bold;
	color: #fff;

	background-color: #446888;
	text-align: left;

	padding: 8px 10px;
}

table.tblStyle1 .tblsubsubheader,
table.tblStyle1 .tblsubheader {
	font: 13px Arial, Trebuchet MS, Sans-serif;
	font-weight: bold;
	color: #555;

	padding: 4px;

	background-color: #E8E8E8;
	text-align: center;
}

table.tblStyle1 .tblsubheader_hover {
	color: #fff !important;
	background-color: #555 !important;
	cursor: pointer !important;
}

table.tblStyle1 .tblsubsubheader {
	background-color: #F0F0F0;
}







table.tblStyle2  {
	font: 12px/16px Arial, Trebuchet MS, Sans-serif !important;
	font-weight: normal;
	color: #444;
	background-color: #fff;

	border-spacing: 1;

	border: 1px solid #446888;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

table.tblStyle2 td {
	background-color: #F4F4F4;
	padding: 6px 4px;
	font-size: 12px;
	line-height: 12px !important;
}

table.tblStyle2 .tblheader {
	font: 16px Arial, Trebuchet MS, Sans-serif;
	font-weight: bold;
	color: #fff;

	background-color: #446888;
	text-align: left;

	padding: 10px 10px;
}

table.tblStyle2 .tblsubsubheader,
table.tblStyle2 .tblsubheader {
	font: 13px Arial, Trebuchet MS, Sans-serif;
	font-weight: bold;
	color: #555;

	padding: 6px 4px;

	background-color: #E8E8E8;
	text-align: center;
}

table.tblStyle2 .tblsubheader_hover {
	color: #fff !important;
	background-color: #555 !important;
	cursor: pointer !important;
}

table.tblStyle2 .tblsubsubheader {
	background-color: #F0F0F0;
	font-size: 12px;
	line-height: 12px !important;
}







.cp_dashboard fieldset.projects fieldset {
	border: 0px;
	border-top: 1px solid #ddd;
}

.cp_dashboard fieldset.projects fieldset legend {
	font: italic normal bold 17px Arial, Trebuchet MS, Sans-serif;
	color: #666;
	margin: 0px;
	padding: 0px 5px;
}


a#visitsite {
	display: block;
	height: 30px;

	text-indent: 36px;

	background-color: #E5E5E5;
	background-image: url(img/btn_next.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	border: 1px solid #DCDCDC;
	font: normal normal bold 15px/30px Arial, Trebuchet MS, Sans-serif !important;
	color: #6C6C6C !important;
	text-decoration: none;

	-moz-border-radius: 5px;

	margin-top: 15px;
}

a#visitsite:hover {
	border: 1px solid #8B9E06;
	background-color: #E5E5E5;
	color: #444 !important;
}








#box_proposta,
#box_contactos,
#box_newsletter {
	display: block;
	width: 314px;
	height: 166px;

	background-position: 0px 0px;
	background-repeat: no-repeat;

	color: #fff;
	text-decoration: none;

	overflow: hidden;

	font: normal normal bold 14px/20px Arial, Trebuchet MS, Sans-serif;
}

#box_proposta { background-image: url("img/box_proposta.gif"); }
#box_contactos { background-image: url("img/box_contactos.gif"); line-height: 21px; }
#box_newsletter { background-image: url("img/box_newsletter.gif"); }

#box_proposta .box_wraper { margin: 55px 25px 20px 90px; }
#box_contactos .box_wraper { margin: 55px 25px 20px 25px; }
#box_newsletter .box_wraper { margin: 58px 25px 20px 25px; }

#box_newsletter label {
	display: block;
	width: 80px;
	float: left;
	text-align: right;
	margin-right: 7px;
}

#box_newsletter .fielder {
	width: 160px;
	border: 1px solid #555;

	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

#box_newsletter .clearfix {
	margin-bottom: 8px;
}

#box_newsletter .btn {
	width: 150px;
	background-image: url("img/btn_bg2.gif");
}


#box_newsletter .loading {
	background-image: url("img/nl_loading.gif");
	background-repeat: no-repeat;
	background-position: 50% 10px;

	padding-top: 40px;

	text-align: center;
}


#proposta_form fieldset {
	margin: 30px 0px;
}

#proposta_form legend {
	font: italic normal bold 17px Arial, Trebuchet MS, Sans-serif;
}

#proposta_form .label_container {
	float: left;
	width: 280px;
	margin-right: 10px;
}

#proposta_form label {
	display: block;
	width: 280px;
	text-align: right;
	margin-right: 10px;
	font: normal normal bold 12px/25px Arial, Trebuchet MS, Sans-serif;
}

#proposta_form label.error {
	float: right;
	font: normal normal normal 12px/15px Arial, Trebuchet MS, Sans-serif;
	color: #dd2222;
	text-align: right;
	margin: 2px 15px 5px 15px;
	width: 400px;
}

#proposta_form .label_descr {
	float: right;
	width: 280px;
	text-align: right;
	font: normal normal normal 11px/14px Arial, Sans-serif !important;
}

#proposta_form .fielder {
	float: none;
	width: 305px;
}

#proposta_form .btn {
	width: 310px;
}

#proposta_form textarea {
	height: 70px;
}


	#panelArea {
		width: 639px;
		height: 422px;

		background-color: #150D02;

		overflow: hidden;

		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
	}


	#panelTop {
		background-image: url(img/paneltop.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;

		background-color: #fff;

		width: 100%;
		height: 5px;
		overflow: hidden;
	}

	#panel_mask {
		width: 639px;
		height: 365px;
		overflow: hidden;
	}



	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 365px; background: #150D02; overflow: hidden}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden;
		margin: auto;
		width: 639px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 365px;
		clear: both;
		background: #150D02;


	}

	.panel {
		font: 14px/20px arial, trebuchet ms, tahoma, sans-serif;
		color: #ddd;
		font-weight: bold;
	}

	.panel a {
		color: #fff !important;
	}


	.panel p {
		margin: 10px 0px;
	}

	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}

	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 639px; /* Also specified in  .stripViewer  above */
	}
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		margin: 0px 0px 1px 1px;
	}

	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
	}

	.stripNav ul li {
		float: left;
		/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}

	.stripNav a { /* The nav links */
		display: block;
		width: 159px;
		height: 51px;
		float:left;

		background-image: url(img/panel_buttons.png);

		overflow: hidden;
		line-height: 1000px;
	}


	.stripNav li.tab1 a:hover { background-position: 0px -51px; }
	.stripNav li.tab1 a.current, .stripNav li.tab1 a.current:hover { background-position: 0px -102px; }
	.stripNav li.tab1 a { background-position: 0px 0px; width: 160px !important; }

	.stripNav li.tab2 a:hover { background-position: -160px -51px; }
	.stripNav li.tab2 a.current, .stripNav li.tab2 a.current:hover { background-position: -160px -102px; }
	.stripNav li.tab2 a { background-position: -160px 0px; }

	.stripNav li.tab3 a:hover { background-position: -319px -51px; }
	.stripNav li.tab3 a.current, .stripNav li.tab3 a.current:hover { background-position: -319px -102px; }
	.stripNav li.tab3 a { background-position: -319px 0px; }

	.stripNav li.tab4 a:hover { background-position: -478px -51px; }
	.stripNav li.tab4 a.current, .stripNav li.tab4 a.current:hover  { background-position: -478px -102px; }
	.stripNav li.tab4 a { background-position: -478px 0px; }




	.panel h4 {
		font: 32px/40px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;
		font-style: italic;

		color: #fff;
		margin: 14px 0px 0px 27px;
		padding:0px;
	}




	/* PORQUÊ A DIGITAL WORK */

	#panel_01 {
		width: 639px;
		height: 365px;

		background-image: url(img/panel_01.jpg);
		background-repeat: no-repeat;
		background-position: 0px 100%;
	}


	#panel_01 .subpanel1 {
		margin: 20px 20px 0px 240px;
	}

	#panel_01 .subpanel2 {
		margin: 25px 20px 0px 330px;
		font: 13px/20px Arial, Trebuchet MS, Sans-serif;
		font-weight: bold;
	}

	#panel_01 ul {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}

	#panel_01 ul li {
		padding-left: 22px;
		background-image: url(img/bullet_orange.gif);
		background-repeat: no-repeat;
		background-position: 0px 50%;
	}







	/* PROJECTO DESTAQUE */

	#panel_02 {
		width: 639px;
		height: 365px;

		background-image: url(img/panel_02.jpg);
		background-repeat: no-repeat;
		background-position: 100% 100%;
	}

	#panel_02 h4 {
		font-size: 45px !important;
		line-height: 50px !important;
	}


	#panel_02 .subpanel1 {
		font: normal normal bold 13px/20px Arial, Trebuchet MS, Sans-serif;
		margin: 20px 270px 0px 30px;
	}

	#panel_02 .subpanel2 {
		margin: 20px 300px 0px 35px;
		font: normal normal normal 13px/20px Arial, Trebuchet MS, Sans-serif;
	}





	/* SERVIÇO DE DESTAQUE */

	#panel_03 {
		width: 639px;
		height: 365px;

		background-image: url(img/panel_03.jpg);
		background-repeat: no-repeat;
		background-position: 100% 100%;
	}

	#panel_03 h4 {
		font-size: 28px !important;
		line-height: 32px !important;
	}

	#panel_03 .subpanel1 {
		margin: 40px 200px 0px 40px;
	}






	/* PROMOÇÃO ACTUAL */

	#panel_04 {
		width: 639px;
		height: 365px;

		background-image: url(img/panel_04.jpg);
		background-repeat: no-repeat;
		background-position: 100% 100%;
	}

	#panel_04 h4 {
		font-size: 36px !important;
		line-height: 40px !important;
	}

	#panel_04 .subpanel1 {
		margin: 30px 260px 0px 40px;
	}

	#panel_04 .subpanel2 {
		margin: 25px 260px 0px 40px;
	}.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 290px;
    height: 217px;

}



.jcarousel-skin-news .jcarousel-clip-horizontal {
    width: 290px;
    height: 217px;
}

ul#newscarousel,
ul#newscarousel li,
.jcarousel-skin-news .jcarousel-item {
    width: 290px;
    height: 217px;
    padding: 0px !important;

    overflow: hidden;

    background-image: none;
}


.jcarousel-skin-news .jcarousel-item-horizontal {
	margin-right: 40px !important;
}


ul#newscarousel h4 {
	font: 14px/16px Arial, Trebuchet MS, Sans-serif;
	font-weight: bold;
	color: #2c6298;
	letter-spacing: 0px;

	margin: 5px 0px 0px;
	padding: 0px 0px 0px 24px;

	background-image: url(img/icon_news.gif);
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

ul#newscarousel h5 {
	font: 11px/16px Arial, Trebuchet MS, Sans-serif;
	font-weight: normal;
	color: #999;
	letter-spacing: 0px;

	margin: 0px 0px 10px;
	padding: 0px 0px 3px 24px;

	border-bottom: 1px solid #ddd;
}

ul#newscarousel .news_body {
	font: 13px/18px Arial, Trebuchet MS, Sans-serif;
	font-weight: normal;
	color: #555;
	letter-spacing: 0px;

}

#news_control {
	width: 100%;
	height: 16px;

	text-align: center;
}


#news_control #news_prev,
#news_control #news_next {
	display: block;

	width: 16px;
	height: 16px;

	background-repeat: no-repeat;
	line-height: 1000px;

	overflow: hidden;
}

#news_control #news_prev {
	background-image: url(img/btn_prev.gif);
	float: left;
}

#news_control #news_next {
	background-image: url(img/btn_next.gif);
	float: right;
}

#news_control #news_caption {
	float: left;

	width: 258px;
	height: 16px;

	margin: 0px !important;
	text-align: center;

	overflow: hidden;

	font: 13px/16px Arial, Trebuchet MS, Sans-serif;
	font-weight: bold;
	color: #555;
}/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/



/*UI accordion*/
.ui-accordion {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #cccccc;
}
.ui-accordion-group {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	border: 1px solid #cccccc;
	border-bottom: none;
}
.ui-accordion-header {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	cursor: pointer;
	background: #e0e0e0 url(ui/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
}
.ui-accordion-header a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	display: block;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em .5em .5em 1.7em;
	color: #444444;
	background: url(ui/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
}
.ui-accordion-header a:hover {
	background: url(ui/222222_7x7_arrow_right.gif) .5em 50% no-repeat;
	color: #111111;
}
.ui-accordion-header:hover {
	background: #d8d8d8 url(ui/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	color: #111111;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
	background: #D5EFFC url(ui/D5EFFC_40x100_textures_02_glass_50.png) 0 50% repeat-x;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
	color: #555555;
	background: url(ui/555555_7x7_arrow_down.gif) .5em 50% no-repeat;
}
.ui-accordion-content {
	padding: 1.5em 1.7em;
	background: #f3f3f3 url(ui/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #362b36;
	font-size: 1em;
}





/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #cccccc;
	bottom: -1px;
}
.ui-tabs-nav-item {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #cccccc;
	border-right: none;
}
.ui-tabs-nav-item a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #444444;
	background: #e0e0e0 url(ui/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
}
.ui-tabs-nav-item a:hover {
	background: #d8d8d8 url(ui/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	color: #111111;
}
.ui-tabs-selected {
	border-bottom-color: #D5EFFC;
}
.ui-tabs-selected a, .ui-tabs-selected a:hover {
	background: #D5EFFC url(ui/D5EFFC_40x100_textures_02_glass_50.png) 0 50% repeat-x;
	color: #555555;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	clear:left;
	border: 1px solid #cccccc;
	background: #f3f3f3 url(ui/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #362b36;
	padding: 1.5em 1.7em;
	font-size: 12px;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}





/*slider*/
.ui-slider {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #f3f3f3 url(ui/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	border: 1px solid #dddddd;
	height: .8em;
	position: relative;
}
.ui-slider-handle {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	position: absolute;
	z-index: 2;
	top: -3px;
	width: 1.2em;
	height: 1.2em;
	background: #e0e0e0 url(ui/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	border: 1px solid #cccccc;
}
.ui-slider-handle:hover {
	background: #d8d8d8 url(ui/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	border: 1px solid #888888;
}
.ui-slider-handle-active, .ui-slider-handle-active:hover {
	background: #D5EFFC url(ui/D5EFFC_40x100_textures_02_glass_50.png) 0 50% repeat-x;
	border: 1px solid #446888;
}
.ui-slider-range {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	height: .8em;
	background: #d8d8d8 url(ui/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	position: absolute;
	border: 1px solid #cccccc;
	border-left: 0;
	border-right: 0;
	top: -1px;
	z-index: 1;
	opacity:.7;
	filter:Alpha(Opacity=70);
}






/*dialog*/
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #f3f3f3 url(ui/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #362b36;
	border: 4px solid #dddddd;
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block;
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0px;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0px;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 13px;
	height: 13px;
	right: 0px;
	bottom: 0px;
	background: url(ui/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: 0px;
	bottom: 0px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: 0px;
	top: 0px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: 0px;
	top: 0px;
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #444444;
	background: #e0e0e0 url(ui/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	border-bottom: 1px solid #cccccc;
	font-size: 1em;
	font-weight: normal;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(ui/888888_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(ui/222222_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(ui/555555_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #362b36;
	padding: 1.5em 1.7em;
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #dddddd;
	background: #f3f3f3;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #444444;
	background: #e0e0e0 url(ui/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #cccccc;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #111111;
	background: #d8d8d8 url(ui/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	border: 1px solid #888888;
}
.ui-dialog-buttonpane button:active {
	color: #555555;
	background: #D5EFFC url(ui/D5EFFC_40x100_textures_02_glass_50.png) 0 50% repeat-x;
	border: 1px solid #446888;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}







/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	background: #f3f3f3 url(ui/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	font-size: 12px;
	border: 4px solid #dddddd;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e0e0e0 url(ui/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #d8d8d8 url(ui/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(ui/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(ui/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(ui/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(ui/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(ui/555555_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(ui/555555_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #cccccc;
	color: #444444;
	background: #e0e0e0;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #d8d8d8;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: 2px 5px 2px 0px;
	display: block;
	color: #444444;
	background: #e0e0e0 url(ui/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #f3f3f3;
	font: normal normal normal 11px Arial, Sans-serif !important;
	text-align: right;
	text-decoration: none !important;
}
table.ui-datepicker td a:hover {
	border: 1px solid #888888;
	color: #111111;
	background: #d8d8d8 url(ui/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #446888;
	color: #555555;
	background: #D5EFFC url(ui/D5EFFC_40x100_textures_02_glass_50.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: 11px !important;
	color: #362b36;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #362b36;
	background: none;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}






/* ui-autocomplete */
.ui-autocomplete-results {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	z-index: 9999;
}
.ui-autocomplete-results ul, .ui-autocomplete-results li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ui-autocomplete-results ul {
	border: 1px solid #cccccc;
	background: #f3f3f3 url(ui/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #362b36;
	margin-bottom: -1px;
}
.ui-autocomplete-results li {
	padding: .4em .5em;
	color: #444444;
	font-size: 1em;
	font-weight: normal;
	position: relative;
	border-left: 0;
	border-right: 0;
	margin: 1px 0;
}
.ui-autocomplete-results li.ui-hover-state, .ui-autocomplete-results li.ui-active-state {
	margin: 0;
}
/*Paul - you could add classes for these first last states instead for ie6... */
.ui-autocomplete-results li:first-child {
	border-top: 0;
}
.ui-autocomplete-results li:last-child {
	border-bottom: 0;
}
.ui-autocomplete-results li.ui-autocomplete-over {
	border: 1px solid #888888;
	background: #d8d8d8 url(ui/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	color: #111111 !important;
}
.ui-autocomplete-results li.ui-autocomplete-active {
	border: 1px solid #446888;
	background: #D5EFFC url(ui/D5EFFC_40x100_textures_02_glass_50.png) 0 50% repeat-x;
	color: #555555 !important;
	outline: none;
}







/*UI ProgressBar */
.ui-progressbar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #f3f3f3 url(ui/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	border: 1px solid #dddddd;
	position: relative;
}
.ui-progressbar-bar {
	background: #e0e0e0 url(ui/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	overflow: visible;
	position: relative;
	border: 1px solid #cccccc;
	margin-top: -1px;
	margin-left: -1px;
	margin-bottom: -1px;
}
.ui-progressbar-text {
	color: #444444;
	padding: .2em .5em;
	font-weight: normal;
}
.ui-progressbar-text-back {
	display: none;
/*	position: absolute;
	top: 1px;
	left: 0px;
	font-weight: normal;
	color:#000;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
*/
}
.ui-progressbar-disabled {
	opacity:.5;
	filter:Alpha(Opacity=50);
}






/*UI Colorpicker */
.ui-colorpicker {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #f3f3f3 url(ui/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	border: 4px solid #dddddd;
	padding: 5px;
	width: 360px;
	position: relative;
}
.ui-colorpicker-color {
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 15px;
}
.ui-colorpicker-color div { /* is this extra div needed? why not just .ui-colorpicker-color ? */
	border: 1px solid #cccccc;
	height: 150px;
	background: url(ui/_x_.);
	position: relative;
}
.ui-colorpicker-color div div {/* shouldn't this have a class like ui-colorpicker-selector ? */
	width: 11px;
	height: 11px;
	background: url(ui/_x_.);
	position: absolute;
	border: 0;
	margin: -5px 0 0 -5px;
	float: none;
}
.ui-colorpicker-hue {
	border: 1px solid #cccccc;
	float: left;
	width: 17px;
	height: 150px;
	background: url(ui/_x_.);
	position: relative;
	margin-right: 15px;
}
.ui-colorpicker-hue div {
	background:transparent url(ui/_x_.); /*this image should be themerollable*/
	height:9px;
	left:-9px;
	margin:-4px 0 0;
	position:absolute;
	width:35px;
	cursor: ns-resize;
}
.ui-colorpicker-new-color, .ui-colorpicker-current-color {
	float: left;
	width: 6.5em;
	height: 30px;
	border: 1px solid #cccccc;
	margin-right: 5px;
}
.ui-colorpicker-current-color {
	margin-right: 0;
}

.ui-colorpicker-field, .ui-colorpicker-hex {
	position: absolute;
	width: 6em;
}
.ui-colorpicker-field label, .ui-colorpicker-field input,
.ui-colorpicker-hex label, .ui-colorpicker-hex input {
	font-size: 1em;
	color: #555555;
}
.ui-colorpicker-field label, .ui-colorpicker-hex label {
	width: 1em;
	margin-right: .3em;
}
.ui-colorpicker-field input, .ui-colorpicker-hex input {
	border: 1px solid #cccccc;
	width: 4.6em;
}
.ui-colorpicker-hex {
	left: 205px;
	top: 134px;
}
.ui-colorpicker-rgb-r {
	top: 52px;
	left: 205px;
}
.ui-colorpicker-rgb-g {
	top: 78px;
	left: 205px;
}
.ui-colorpicker-rgb-b {
	top: 105px;
	left: 205px;
}
.ui-colorpicker-hsb-h {
	top: 52px;
	left: 290px;
}
.ui-colorpicker-hsb-s {
	top: 78px;
	left: 290px;
}
.ui-colorpicker-hsb-b {
	top: 105px;
	left: 290px;
}

.ui-colorpicker-field label {
	font-weight: normal;
}
.ui-colorpicker-field span {
	width: 7px;
	background: url(ui/888888_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
	right: 5px;
	top: 0;
	height: 20px;
	position: absolute;
}
.ui-colorpicker-field span:hover {
	background: url(ui/222222_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
}

.ui-colorpicker-submit {
	right: 14px;
	top: 134px;
	position: absolute;
}








/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #dddddd;
	background: #f3f3f3 url(ui/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #362b36;
}
.ui-component-content a {
	color: #362b36;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #cccccc;
	background: #e0e0e0 url(ui/e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	font-weight: normal;
	color: #444444 !important;
}
.ui-default-state a {
	color: #444444;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #888888;
	background: #d8d8d8 url(ui/d8d8d8_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	font-weight: normal;
	color: #111111 !important;
}
.ui-hover-state a {
	color: #111111;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #446888;
	background: #D5EFFC url(ui/D5EFFC_40x100_textures_02_glass_50.png) 0 50% repeat-x;
	font-weight: normal;
	color: #555555 !important;
	outline: none;
}
.ui-active-state a {
	color: #555555;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(ui/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(ui/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(ui/555555_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-content {background: url(ui/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-left-default {background: url(ui/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(ui/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(ui/555555_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-content {background: url(ui/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-down-default {background: url(ui/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(ui/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(ui/555555_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-content {background: url(ui/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-up-default {background: url(ui/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(ui/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(ui/555555_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-content {background: url(ui/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-close-default {background: url(ui/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(ui/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(ui/555555_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-content {background: url(ui/555555_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-folder-closed-default {background: url(ui/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(ui/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(ui/555555_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-content {background: url(ui/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-open-default {background: url(ui/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(ui/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(ui/555555_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-content {background: url(ui/555555_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-doc-default {background: url(ui/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(ui/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(ui/555555_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-content {background: url(ui/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default {background: url(ui/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(ui/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(ui/555555_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-content {background: url(ui/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default {background: url(ui/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(ui/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(ui/555555_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-content {background: url(ui/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-minus-default {background: url(ui/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(ui/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(ui/555555_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-content {background: url(ui/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-plus-default {background: url(ui/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(ui/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(ui/555555_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-content {background: url(ui/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}

/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */


.calPic + img {
	position: relative;
	left: 3px;
	top: 5px;

	margin-right: 8px;
}/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;

    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #446888; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}@charset "UTF-8";
/* CSS Document */

.flexigrid
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	border: 0px solid #eee;
	overflow: hidden;
	color: #000;
	}

	.flexigrid.hideBody
		{
		height: 26px !important;
		border-bottom: 1px solid #ccc;
		}

	.ie6fullwidthbug
		{
		border-right: 0px solid #ccc;
		padding-right: 2px;
		}

.flexigrid div.nDiv
	{
	background: #eee url(flexigrid_img/line.gif) repeat-y -1px top;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999;
	float: left;
	}

	.flexigrid div.nDiv table
		{
		margin: 2px;
		}

.flexigrid div.hDivBox
	{
	float: left;
	padding-right: 40px;
	}

.flexigrid div.bDiv table
	{
	margin-bottom: 10px;
	}

	.flexigrid div.bDiv table.autoht
		{
		border-bottom: 0px;
		margin-bottom: 0px;
		}

.flexigrid div.nDiv td
	{
	padding: 1px 3px;
	border: 1px solid #eee;
	cursor: default;

	font: normal normal bold 12px/12px Arial, trebuchet ms, sans-serif !important;
	}

.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
	{
	background: #d5effc url(flexigrid_img/hl.png) repeat-x top;
	border: 1px solid #a8d8eb;
	}

	.flexigrid div.nDiv td.ndcol1
		{
		border-right: 1px solid #ccc;
		}

	.flexigrid div.nDiv td.ndcol2
		{
		border-left: 1px solid #fff;
		padding-right: 10px;
		}

	.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1
		{
		border-right: 1px solid #d2e3ec;
		}

	.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2
		{
		border-left: 1px solid #eef8ff;
		}

	.flexigrid div.nBtn
		{
		position: absolute;
		height: 24px;
		width: 14px;
		z-index: 900;
		background: #fafafa url(flexigrid_img/fhbg.gif) repeat-x bottom;
		border: 0px solid #ccc;
		border-left: 1px solid #ccc;
		top: 0px;
		left: 0px;
		margin-top: 1px;
		cursor: pointer;
		display: none;

		opacity:.45;
		filter: alpha(opacity=45);
		-moz-opacity: 0.45;
		}

		.flexigrid div.nBtn div
			{
			height: 24px;
			width: 12px;
			border-left: 1px solid #fff;
			float: left;
			background: url(flexigrid_img/ddn.png) no-repeat center;
			}

		.flexigrid div.nBtn.srtd
			{
			background: url(flexigrid_img/wbg.gif) repeat-x 0px -1px;
			}


.flexigrid div.mDiv
	{
	background: url(flexigrid_img/wbg.gif) repeat-x top;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-top: 0px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;

	}

.flexigrid div.mDiv div
	{
	padding: 6px;
	white-space: nowrap;
	}

		.flexigrid div.mDiv div.ptogtitle
			{
			position: absolute;
			top: 4px;
			right: 3px;
			padding: 0px;
			height: 16px;
			width: 16px;
			overflow: hidden;
			border: 1px solid #ccc;
			cursor: pointer;
			}

			.flexigrid div.mDiv div.ptogtitle:hover
			{
			background-position: left -2px;
			border-color: #bbb;
			}

			.flexigrid div.mDiv .ftitle {
				font: bold 13px Arial, Sans-serif;

				color: #555;
			}


			.flexigrid div.mDiv div.ptogtitle span
			{
			display: block;
			border-left: 1px solid #eee;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #ddd;
			width: 14px;
			height: 14px;
			background: url(flexigrid_img/uup.png) no-repeat center;
			}

			.flexigrid div.mDiv div.ptogtitle.vsble span
			{
			background: url(flexigrid_img/ddn.png) no-repeat center;
			}

.flexigrid div.tDiv /*toolbar*/
	{
	background: #fafafa url(flexigrid_img/bg.gif) repeat-x top;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

	.flexigrid div.tDiv2
		{
		float: left;
		clear: both;
		padding: 1px;
		}

.flexigrid div.sDiv /*toolbar*/
	{
	background: #fafafa url(flexigrid_img/bg.gif) repeat-x top;
	position: relative;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	display: none;
	}

	.flexigrid div.sDiv2
		{
		float: left;
		clear: both;
		padding: 5px;
		padding-left: 5px;
		width: 1024px;
		}

		.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select
		{
		vertical-align: middle;
		}

		.flexigrid div.sDiv2 .btn {
			font: normal normal bold 13px Arial, Trebuchet MS, Sans-serif !important;
			padding: 2px 10px !important;
			margin: 0px 3px;
		}

	.flexigrid div.btnseparator
		{
		float: left;
		height: 22px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #fff;
		margin: 1px;
		}

	.flexigrid div.fbutton
		{
			float: left;
			display: block;
			cursor: pointer;
			padding: 1px;

			height: 22px;
		}

	.flexigrid div.fbutton div
		{
			float: left;
			padding: 1px 3px;
		}

	.flexigrid div.fbutton span
		{
		float: left;
		display: block;
		padding: 0px 3px;
		font: 12px/22px Arial, sans-serif;
		}

	.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver
		{
			padding: 0px;
			border: 1px solid #ccc;
		}

	.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div
		{
			padding: 0px 2px;
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
		}


/* end toolbar*/

.flexigrid div.hDiv
	{
	background: #fafafa url(flexigrid_img/fhbg.gif) repeat-x bottom;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

.flexigrid div.hDiv table
	{
	border-right: 1px solid #fff;
	}

	.flexigrid div.cDrag
		{
		float: left;
		position: absolute;
		z-index: 2;
		overflow: visible;
		}

		.flexigrid div.cDrag div
			{
			float: left;
			background: none;
			display: block;
			position: absolute;
			height: 24px;
			width: 5px;
			cursor: col-resize;
			}

		.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging
			{
			background: url(flexigrid_img/line.gif) repeat-y 2px center;
			}

.flexigrid div.iDiv
	{
		border: 1px solid #316ac5;
		position: absolute;
		overflow: visible;
		background: none;
	}

	.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}

	.flexigrid div.iDiv input.tb
		{
		border: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		padding: 0px;
		background: none;
		}

.flexigrid div.bDiv
	{
	border: 1px solid #ccc;
	border-top: 0px;
	background: #fff;
	overflow: auto;
	position: relative;
	}

.flexigrid div.bDiv table
	{
	border-bottom: 1px solid #ccc;
	}

	.flexigrid div.hGrip
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	background: url(flexigrid_img/line.gif) repeat-x center;
	margin-right: 1px;
	cursor: col-resize;
	}

		.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver
			{
				border-right: 1px solid #999;
				margin-right: 0px;
			}

	.flexigrid div.vGrip
		{
		height: 5px;
		overflow: hidden;
		position: relative;
		background: #fafafa url(flexigrid_img/wbg.gif) repeat-x 0px -1px;
		border: 1px solid #ccc;
		border-top: 0px;
		text-align: center;
		cursor: row-resize;
		}

			.flexigrid div.vGrip span
					{
					display: block;
					margin: 1px auto;
					width: 20px;
					height: 1px;
					overflow: hidden;
					border-top: 1px solid #aaa;
					border-bottom: 1px solid #aaa;
					background: none;
					}

.flexigrid div.hDiv th, .flexigrid  div.bDiv td  /* common cell properties*/
	{
	text-align: left;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	overflow: hidden;
	vertical-align: top !important;

	font: normal normal normal 12px/17px Arial, Sans-serif !important;
	}

		.flexigrid div.hDiv th div, .flexigrid  div.bDiv td  div, div.colCopy div/* common inner cell properties*/
			{
			padding: 2px 5px;
			border-left: 0px solid #fff;
			}

.flexigrid div.hDiv th, div.colCopy
	{
	font-weight: bold !important;

	color: #555;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	}

div.colCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fafafa url(flexigrid_img/fhbg.gif) repeat-x bottom;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

.flexigrid div.hDiv th.sorted
	{
	background: url(flexigrid_img/wbg.gif) repeat-x 0px -1px;
	border-bottom: 0px solid #ccc;
	}

	.flexigrid div.hDiv th.thOver
	{
	}

	.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
	{
	border-bottom: 1px solid orange;
	padding-bottom: 4px;
	}

	.flexigrid div.hDiv th.sorted div
	{
	border-bottom: 0px solid #ccc;
	padding-bottom: 5px;
	}

	.flexigrid div.hDiv th.thMove
	{
	background: #fff;
	color: #fff;
	}

	.flexigrid div.hDiv th.sorted.thMove div
		{
		border-bottom: 1px solid #fff;
		padding-bottom: 4px
		}

	.flexigrid div.hDiv th.thMove div
	{
		background: #fff !important;
	}

	.flexigrid div.hDiv th div.sdesc
		{
		background: url(flexigrid_img/dn.png) no-repeat center top;
		}

	.flexigrid div.hDiv th div.sasc
		{
		background: url(flexigrid_img/up.png) no-repeat center top;
		}

.flexigrid div.bDiv td
	{
	border-bottom: 1px solid #fff;
	vertical-align: top;
	white-space: nowrap;
	}

		.flexigrid div.hDiv th div
			{
			}

			.flexigrid span.cdropleft
			{
			display: block;
			background: url(flexigrid_img/prev.gif) no-repeat -4px center;
			width: 24px;
			height: 24px;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			z-index: 3;
			}

			.flexigrid div.hDiv span.cdropright
			{
			display: block;
			background: url(flexigrid_img/next.gif) no-repeat 12px center;
			width: 24px;
			height: 24px;
			float: right;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			}


		.flexigrid div.bDiv td div
			{
			border-top: 0px solid #fff;
			padding-bottom: 4px;
			}


		.flexigrid tr td.sorted
				{
				background: #f3f3f3;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #f3f3f3;
				}

				.flexigrid tr td.sorted div
					{
					}


		.flexigrid tr.erow td
				{
				background: #f4f4f4;
				border-bottom: 1px solid #f4f4f4;
				}

		.flexigrid tr.erow td.sorted
				{
				background: #e3e3e3;
				border-bottom: 1px solid #e3e3e3;
				}

				.flexigrid tr.erow td.sorted div
					{
					}

		.flexigrid div.bDiv tr:hover td,
		.flexigrid div.bDiv tr:hover td.sorted,
		.flexigrid div.bDiv tr.trOver td.sorted,
		.flexigrid div.bDiv tr.trOver td
			{
			background: #d9ebf5;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px dotted #a8d8eb;
			}

		.flexigrid div.bDiv tr.trSelected:hover td,
		.flexigrid div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid div.bDiv tr.trOver.trSelected td.sorted,
		.flexigrid div.bDiv tr.trOver.trSelected td,
		.flexigrid tr.trSelected td.sorted,
		.flexigrid tr.trSelected td
			{
			background: #d5effc url(flexigrid_img/hl.png) repeat-x top;
			border-right: 1px solid #d2e3ec;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px solid #a8d8eb;
			}

	/* novstripe adjustments */

	.flexigrid.novstripe .bDiv table
	{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.flexigrid.novstripe  div.bDiv td
		{
		border-right-color: #fff;
		}

	.flexigrid.novstripe div.bDiv tr.erow td.sorted
		{
		border-right-color: #e3e3e3;
		}

	.flexigrid.novstripe div.bDiv tr td.sorted
		{
		border-right-color: #f3f3f3;
		}

	.flexigrid.novstripe  div.bDiv tr.erow td
		{
		border-right-color: #f7f7f7;
		border-left-color: #f7f7f7;
		}

		.flexigrid.novstripe div.bDiv tr.trSelected:hover td,
		.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted,
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
		.flexigrid.novstripe tr.trSelected td.sorted,
		.flexigrid.novstripe tr.trSelected td
			{
			border-right: 1px solid #0066FF;
			border-left: 1px solid #0066FF;
			}

	.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td
		{
		border-left-color: #d9ebf5;
		border-right-color: #d9ebf5;
		}

	/* end novstripe */

.flexigrid div.pDiv
	{
	background: url(flexigrid_img/wbg.gif) repeat-x 0 -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	}

.flexigrid div.pDiv div.pDiv2
	{
	margin: 3px;
	margin-left: -2px;
	float: left;
	}

	div.pGroup
		{
		float: left;
		background: none;
		height: 24px;
		margin: 0px 5px;
		}


	.flexigrid div.pDiv .pcontrol
		{
		position: relative;

		top: 0px;
		*top: 5px;

		overflow: visible;
		}


	.flexigrid div.pDiv .pPageStat {
		position: relative;

		top: 0px;

		overflow: visible;
	}

	.flexigrid div.pDiv input
		{
		vertical-align: text-top;
		position: relative;
		top: -5px;
		}

	.flexigrid div.pDiv  div.pButton
		{
		float: left;
		width: 22px;
		height: 22px;
		border: 0px;
		cursor: pointer;
		overflow: hidden;
		}

		.flexigrid div.pDiv  div.pButton:hover, .flexigrid div.pDiv  div.pButton.pBtnOver
			{
			width: 20px;
			height: 20px;
			border: 1px solid #ccc;
			cursor: pointer;
			}

	.flexigrid div.pDiv  div.pButton span
		{
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		}

		.flexigrid div.pDiv  div.pButton:hover span, .flexigrid div.pDiv  div.pButton.pBtnOver span
			{
			width: 19px;
			height: 19px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}


		.flexigrid .pSearch
			{
			background: url(flexigrid_img/magnifier.png) no-repeat center;
			}

		.flexigrid .pFirst
			{
			background: url(flexigrid_img/first.gif) no-repeat center;
			}

		.flexigrid .pPrev
			{
			background: url(flexigrid_img/prev.gif) no-repeat center;
			}

		.flexigrid .pNext
			{
			background: url(flexigrid_img/next.gif) no-repeat center;
			}

		.flexigrid .pLast
			{
			background: url(flexigrid_img/last.gif) no-repeat center;
			}

		.flexigrid .pReload
			{
			background: url(flexigrid_img/load.png) no-repeat center;
			}

		.flexigrid .pReload.loading
			{
			background: url(flexigrid_img/load.gif) no-repeat center;
			}

/* ie adjustments */

		.flexigrid.ie div.hDiv th div, .flexigrid.ie  div.bDiv td  div, div.colCopy.ie div/* common inner cell properties*/
			{
			overflow: hidden;
			}


			.gAdd {
				background: url(flexigrid_img/add.png) no-repeat 0px 50%;
			}

			.gDel {
				background: url(flexigrid_img/remove.png) no-repeat left center;
			}