div.AjaxEditBoxDivNormal {
	width: 99%;
}
div.AjaxEditBoxDivNormal:hover {
	background-color: #eee;
}
div.AjaxEditBoxDivMouseOver {
	width: 99%;
	background-color: #eee;
}
div.AjaxEditBoxDivEditText {
	width: 99%;
	padding: 3px;
	background-color: #cccfff;
}
input.AjaxEditBoxText {
	font-family: Tahoma, Arial;
	font-weight: normal;
	padding-left: 3px;
	background-color: #ffff00;
	border: 1px solid #66cc33;
	width: 99%;	
}
input.AjaxEditBoxButton {
	margin-top: 3px;
	margin-right: 3px;
	background-color: #007ac1;
	color: #fff;
	border: 1px solid #fff;
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: 11px;
	clear: left;
}
input.AjaxEditBoxButton:hover {
	background-color: #007aaa;
	color: #000;
	cursor: pointer;
}
.AjaxTextAreaText {
	font-family: Tahoma, Arial;
	border:1px solid #eee;
	font-size: 12px;
	width: 99%;
	height: 120px;
	padding: 3px;
	background-color: #ffff00;
}
.textStyle{
	font-size: 12px;
}
div.AjaxCommentTitle {
	width: 99%;
	height: 18px;
	padding: 3px;
	background-color: #c6dfe9;
	color: #333333;
}
div.AjaxCommentTitleRed {
	width: 99%;
	height: 18px;
	padding: 3px;
	background-color: #ff6633;
	color: #333333;
}
div.AjaxCommentComment {
	border-left: 1px solid #eeeeee;
	width: 99%;
	padding: 3px;
	background-color: #ffffff;
}
div.AjaxCommentCommentHidden {
	display:none;
}
div.AjaxCommentCommand {
	/*border: 1px solid #333333;*/
	background-color: #eeeeee;
	width: 99%;
	padding: 3px;
	font-family: Tahoma, Arial;
	font-size: 11px;
}
div.AjaxCommentChild {	
	
}
div.AjaxComment {
	padding-top: 10px;	
}
div.AjaxComment .title{
	font-size: 12px;
	font-weight: bold;	
}
div.AjaxCommentNew {
	padding-top: 10px;
	padding-bottom: 10px;
}
div.AjaxCommentNew .title{
	font-size: 12px;
	font-weight: bold;	
}
div.AjaxComment-Child {
	padding-top: 10px;
	padding-left: 20px;
	border-left: 1px solid #eeeeee;
	background: #ffffff url(../../templates/template2/images/line1.gif);
	background-repeat: no-repeat;
}
div.AjaxComment-LastChild {
	padding-left: 20px;
	padding-top: 10px;
	background: #ffffff url(../../templates/template2/images/child.gif);
	background-repeat: no-repeat;
}
.AjaxCommentTextArea {
	width: 300px;
	height: 150px;
	position: relative;
	font-family: Tahoma;
	font-size: 11px;
}
font.AjaxCommentTitleUserName {
	font-weight: bold;
}
#wrapper {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333333;
}
#commentWrapper {
	clear: both;
	width: 100%;
}
.commentPoint{
	float: right;
	display: inline;
}
.AjaxCommentTitleText{
	float: left;
	display: inline;
}
.listBoxText{
	color: #105CB6;
	cursor: pointer;	
	text-decoration:underline;
	padding-right: 12px;
	z-index: 0;;
}
.listBoxText:hover{
	background:url(/images/downicon.gif);
	background-position: 100% 60%;
	background-repeat: no-repeat;
	color: #003;
	z-index: 0;
}
.listBoxItems{
	position:absolute;
	background-color:#fff;
	display: none;
	z-index: 0;
}
.listBoxItem{	
	display: block;
	z-index: 0;
}
.listBoxArrow{
	width: 9px;
	height: 15px;
	position:absolute;
	margin: 1px 1px 1px 2px;
	border: 1px solid #fff;
	z-index: 0;
}
.listBoxArrow:hover{
	border: 1px solid #3182b9;
	z-index: 0;
}
#ListBoxItems li{
}
a.listBoxItem{
	padding: 5px 5px;
	text-decoration: none;
	cursor: pointer;
	left:0;
	top:0;
	background-color: #fff;
	z-index: 9999;
}
a.listBoxItemMid{
	border-bottom:  1px solid #abcadc;
	z-index: 9999;
}
a.listBoxItem:hover{
	background-color: #eee;
	z-index: 9999;
}
#ListBoxItems{
	position: absolute;
	list-style: none;
	z-index: 9999;
}
.listBoxItemsActive{
	background-color: #fff;
	position: absolute;
	margin-top: 22px;
	border: 1px solid #abcadc;
	display: inline;
	z-index: 9999;
	padding: 3px 5px;
}
body{	
    margin:0;
    font-family: Tahoma, Arial;
    font-size: 11px;
	background-color:#fff;
	line-height: 140%;
	/*background-image: url(../../templates/template2/images/bodyback.gif);
	background-repeat:repeat-x;
	background-position:top;*/
}
a { color: #0960a6; cursor: pointer; outline: none !important; }
a:visited { color: #0960a6; }
a:hover, a:focus { color: #003; }
a:active { color: #000; }
input {
	font-family: Tahoma, Arial;
    font-size: 12px;
}
#doc {	
    zoom: 1;
    margin: 0;
}
#hd {
	/*border-top: 8px solid #0960a6;*/
	height: 70px;
}
#ft {
    background-color: #f1f1f1;
    height: 20px;
    color: #fff;
    text-align: center;
	padding-top:20px;
}
#corner{
	padding-left: 10px;
	clear:both;
	height: 15px;
	margin-bottom:5px;
}
#corner .space{
	background-color: #fff;
	position:absolute;
	height: 15px;
}
#corner .leftcorner{
	left:0;
	position:absolute;
	width:15px;
}
#corner .rightcorner{
	right:0;
	position:absolute;
	width:15px;
}
#mainmenu {
    background: url(../../templates/template2/images/menu-back.gif);
    color: white;
    background-repeat: no-repeat;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
	border:none;
}
#mainmenu ul
{
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
    font-weight: bold;
}
#mainmenu li
{
	float: left;
	margin: 5px 1em 0 1em;
}
#mainmenu a.mainmenu-item:link, #mainmenu a.mainmenu-item:visited {
	font-family: Tahoma;
	font-size: 14px;
    font-weight: bold;
	color: white;
	text-decoration: none;
}

#mainmenu a.mainmenu-item:hover {
	text-decoration: underline;
}
#mainmenu a.mainmenu-item-selected:link {
    font-size: 14px;
    font-weight: bold;
    color: #9f3;
    text-decoration: underline;
}
#mainmenu a.mainmenu-item-selected:visited {
    color: #9f3;
    text-decoration: underline;
}
#mainmenu a.mainmenu-item-selected:hover {
    color: white;
    text-decoration: underline;
}
#submenu {
    height: 25px;
    padding: 0px 5px 0px 5px;
	margin-bottom:5px;
	background: url(../../templates/template2/images/submenu-back.gif);
	background-repeat: no-repeat;
}
#main {
    float:left;
    width:100%; /* so float fills */
}
#bd {
	margin: 0;
	background-color:#fff;
}
#main, #nav {
    background:white; /* sidebar bgcolor */
}
#nav {
    float:right;
    width:23em;
}
#nav .content {
    left:-3px; /* to overlap #main .content right border */
    padding:1em 1em 1em 1em;
    position:relative;
}
/* self clear floated #bd content */
#bd {
    zoom:1;
}
#bd:after {
    clear:both;
    content:'';
    display:block;
}
    
#banner-logo{
    width: 200px;
    height: 65px;
    position: absolute;
	padding-top:10px;
}
#banner-menu{
    padding-top: 25px;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    margin-left: 210px;
	color: #0960a6;
}
#banner-menu a:link, #banner-menu a:visited, #banner-menu a:focus{
	color: #0960a6;
	text-decoration:none;
}
#banner-menu a:hover{
	color:0960a6;
	text-decoration:underline;
	background-color:#eaf3fa;
}
#banner-login{
    padding-top: 25px;
    width: 400px;
    position: absolute;
    margin-left: 210px;
	visibility:hidden;
}
#banner-login input[type=text], input[type=password]{
	width: 80px;
	height: 15px;	
	border: 0;
	margin-right: 5px;
}
#banner-login input[type=button]{
	width: 30px;
	height: 15px;	
	border: 0;
	margin-right: 5px;
}
#banner-search{
	float: right;
	width: 200px;
	position: relative;
	height: 61px;
	/*background-image: url(../../templates/template2/images/search-back.gif);
	background-repeat: repeat-x;*/
}
#banner-search .banner-search-input {
	position: absolute;
	left: 0;
	width: 160px;
	border: 0px;
	height: 20px;
	float: left;
}
#banner-search .input-search{
	margin: 24px 0 0 13px;
	width: 100%;
	padding: 2px 3px 2px 3px;
	font-family: tahoma;
	font-size: 12px;
	color: #000;
	border: 1px solid #1a6db3;
}
#banner-search-button {
    height: 16px;
	width: 40px;
	top:25px;
	left: 140px;
	position:absolute;
	background-color: #1a6db3;
	border:none;
	text-align:center;
	color: white;
	padding-top: 2px;
	font-weight:bold;
}
#banner-search-type {
	position:absolute;
	margin-top:40px;
	margin-left: 15px;
}
#banner-search-button:hover {
	background-color: #509bc7;
	cursor: pointer;
}
#banner-search-leftcorner{
	height: 9px;
	width: 9px;
	margin-top:52px;
	float:left;
	/*background:url("/templates/template2/images/search-left.gif");*/
}
#banner-search-rightcorner{
	height: 9px;
	width: 9px;
	margin-top:52px;
	float:right;
	/*background:url("/templates/template2/images/search-right.gif");*/
}
#loginlayer{
    position: absolute;
    display: none;
}
#loginlayer li{
    outline: none;
}
#loginlayer a:active, #loginlayer a:focus{
    outline: none;
}
#loginlayer .closebutton{
    padding: 1px;
    background-color: #eee;
    text-align: right;
    margin-bottom: 2px;
    border-bottom: 1px solid #ccc;
	cursor: pointer;
}
#loginlayer input[type=text], input[type=password]{
    border: 1px solid #cccccc;
    width: 200px;
    height: 18px;
}
#loginlayer input[type=button]{
    font-family: 'Tahoma';
    border: 1px solid #cccccc;
    width: auto;
    height: 20px;
}
#loginlayer .loginTitle{
    font-size: 12px;
    font-weight: bold;
    background-color: #fff;
    margin-bottom: 10px;
    text-align: center;
    color: #666;
}
#loginlayer .loginform{
	padding-left: 10px;
}
/*
	List item 
*/
#item {
	min-height:90px;
    height:auto !important;
	height:90px;
    margin-bottom: 10px;
    clear: both;
}
a.itemTitle:link, a.itemTitle:visited{
	font-family: tahoma;
    font-size: 12px;
    color: #0960A6;
	font-weight:bold;
	text-decoration: underline;
}

a.itemTitle:hover{
    color: #0960A6;
	background-color:#eaf3fa;
}
#item .itemStatus {
    margin-top: 10px;
	clear:both;
	height: 25px;
	border-top:solid 1px #f1f1f1;
}
#item .pointdiv-wrapper{
	background:url(/templates/template2/images/pointback.gif);
	background-repeat: no-repeat;
    margin: 0 5px 5px 0; 
	position:absolute;
	width: 50px;
	float: left;
}
#item .itemTextWrapper{
	margin-left: 55px;
}
#item .pointdiv 
{
    color: #666;
    height: 50px;
    width: 50px;
    margin-top: 0px;
    text-align:center;
	background:url(../../templates/template2/images/pointhead.gif);
	background-repeat:no-repeat;
	
}
#item .point
{
	height: 50px;
    padding-top: 18px;
    font-size: 28px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#0960a6;
	font-weight:bold;
}
#item .link 
{
    height: 18px;
    width: 50px;
    text-align:center;
}

#item .link a {color:#0960a6;}
#item .link a:hover {color:#ff520e;}
#item .link a:visited {color:#0960a6;}

#item .itemtext{
	position:relative;
	left: 55px;
	margin-right: 55px;
}
#item .website{
    color: #999;
}
#item .thumbpic{
    margin: 3px 5px 3px 0px;
	position: relative;
	border:1px solid #e3e3e3;
	padding: 3px;
}
#item .picture{
    margin: 3px 5px 3px 3px;
    border: 1px solid #ccc;
    padding: 2px;
}
.picture{
    margin: 3px 5px 3px 0px;
    border: 1px solid #ccc;
    padding: 2px;
}
#item .itemcontent{
    margin-top: 10px;
}
#item .description{
    float: none;
}
.memberthumbnail-small{
	border:1px solid #999;
	padding: 1px;
}
#title-wrapper {
	position:relative;
	margin-top: 3px;
	padding: 0;
}
#title-wrapper .title{	
	background-color:#c8e6fd;
	height:22px;
	width:200px;
}
#title-wrapper .text {
	font-family:Tahoma;
	margin-left: 15px;
	padding-top: 3px;
	font-weight:bold;
	color:#444;
	font-size:1em;
}
#title-wrapper .title-line {
	height: 2px;
	width:100%;
	background-color:#c8e6fd;
}
#title-wrapper .title-leftcorner{
	background: #fff URL("/templates/template2/images/titleback-left.gif");
	float:left;
	width: 9px;
	height: 9px;
}
#title-wrapper .title-rightcorner{
	background: #fff URL("/templates/template2/images/titleback-right.gif");
	float:right;
	width: 9px;
	height: 9px;
}
.coloredtextbox{
	font-family:Tahoma, Arial;
	font-size:11px;
	margin-top: 5px;
	width: 400px;
	/*background: url(../../templates/template2/images/input-text-back.gif);*/
	border:1px solid #0960a6;
	height:20px;
	padding:3px 0 0 3px;
	color: #333333;
}
.coloredtextarea{
	font-family:Tahoma, Arial;
	font-size:11px;
	margin-top: 5px;
	border:1px solid #0960a6;
	width: 400px;
	height: 200px;
}
.coloredbutton{
	margin-top: 5px;
	font-family:Tahoma,sans-serif;
	color:#fff;
	background-color:#0960a6;
	border-style:solid;
	border-color:#999999;
	border-width:1px;
	cursor: pointer;
}
.coloredbutton:hover{
	color:#ffffff;
	background-color:#cccccc;
}
.errormessage {
	padding-top: 5px;
	color: red;
}
.memberimagesmall{
	margin:1px 3px 0 0;
    border: 1px solid #ccc;
    padding: 1px;
}
.pageItem{
	height: 15px;
	padding: 3px 7px;
	border: 1px solid #008ede;
	margin-right: 5px;
	cursor: pointer;
}
.pageItem:hover{
	border-color: #3080b8;
	background-color: #C7E4FA;
}
.pageItemActive{
	height: 15px;
	padding: 3px 7px;
	border: 0;
	margin-right: 5px;
	font-weight: bold;
}
#itemDescription{
	clear: left;
	padding-top: 30px;
}
#itemDescription .itemwrapper{
	height: 30px;
}
#itemDescription .itemDescriptionTitle{
	font-weight: bold;
	width: 100px;
	position: absolute;	
}
#itemDescription .itemDescription{
	left: 110px;
	position: relative;
}
.thumbIcon{
	cursor: pointer;
}
#messageContainer{
	left:50%;
	top: 0;
	position: absolute;
	z-index: 100;
	padding: 0;
	
}
#messageContainer .msg{
	background: #fff url(/images/message-texture.gif);
	background-repeat:repeat-x;
	font-size: 14px;
	height: 66px;
	display: none;
	text-align: center;
	width: 300px;
	border-left:2px solid #0960a6;
	border-right:2px solid #0960a6;
	border-bottom:2px solid #0960a6;
	padding: 20px;
}
.messageTitle{
	font-size: 14px;
	color: #60c0f3;
	font-weight:bold;
}
h2, h3, h4 {
	color: #0960a6;
	font-weight:normal;	
	margin-top:0;
}
#main h2 {
	font-size:185%;
	letter-spacing:-0.5px;
}
#main h3 {
	font-size: 150%;
	letter-spacing:-0.2px;
	margin-bottom: 5px;
	font-weight:bold;
}
h4 {
	font-size: 150%;
	letter-spacing:-0.2px;
	margin-bottom: 5px;
	font-weight:bold;
}
#mainmenu{
	font-size:12px; 
	color:#fff; 
	font-weight:bold; 
	padding:3px; 
	overflow:auto; 
	height:1%; 
	clear:both;
	font-family: tahoma;
}
#mainmenu a{
	color:#fff; 
	text-decoration:none; 
	margin:0 10px; 
	height:23px; 
	line-height:23px; 
	float:left; 
	display:block;
}
#mainmenu a:hover{
	text-decoration:underline; 
}
a.activemenu{ 	
	height:23px;
	line-height:23px; 
	background:url(/pic/tb_a.gif) right top no-repeat;
	padding-right:10px;
}
a.activemenu span{ 	background:url(/pic/tb_span.gif) left top no-repeat; height:23px; display:block; padding-left:10px;}
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1.22em/25px Arial, Helvetica, sans-serif;
  background: #565656;
  color: #959595;
  display: block;
  padding: 0 9px;
  text-transform: lowercase;
  text-decoration: none;
}
.nav li a:hover {
  background: #ccc;
  color: #000;	
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #ccc;
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #565656;
  color: #959595;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #000;	
}
.nav ul {
  background: #565656;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  width: auto;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}
#main-scriptgenerator {
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:10px;
	width: 50%;
	float: left;
}
li {
	list-style: none;
}
li.help {
	margin-left: 20px;
	list-style:disc;
	margin-bottom: 5px;
}

.pagearea
{
	background-color: #fff;
	border: 1px solid #bfd7ea;
	border-top: 0px;
	height: 100%;
	padding: 3px;
}

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}


ul.jd_menu,
ul.jd_menu ul {
	/*background-color: #369;
	border: 1px solid #036;
	border-top: 1px solid #69C;
	border-left: 1px solid #69C;*/
	height: 20px;
}
ul.jd_menu ul {
	height: auto;
	background-color: #dcfac1;
	border: 1px solid #abdd7e;
	/*border-left: 1px solid #abdd7e;
	border-bottom: 1px solid #abdd7e;*/
	font-weight: none;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jd_menu li {
	font-family: San-serif, Arial;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	line-height: 14px;
	
	margin: 0px;
	padding: 4px 7px 3px 7px;
	height: 13px;
	
	cursor: pointer;
	white-space: nowrap;
}
ul.jd_menu li li {	
/*	width: 200px;*/
	width:120px;
}
ul.jd_menu li a {
	color: #666;
	text-decoration: none;
}
ul.jd_menu li.jdm_hover {
	background-color: #dcfac1;
}
ul.jd_menu li li.jdm_hover{
	background-color: #abcadc;
}
ul.jd_menu li.jdm_active {
	background-color: #dcfac1;
	padding: 3px 6px 3px 6px;
	border-right: 1px solid #abdd7e;
	border-left: 1px solid #abdd7e;
	border-top: 1px solid #abdd7e;
	
}

ul.jd_menu li.jdm_hover a,
ul.jd_menu li.jdm_active a {
	color: #666;	
}
.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
	background: #eee;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;	
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url('/templates/template2/images/tabs.png') no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border-top: 1px solid #519e2d;
    padding: 5px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/* This file skins resizables */

.ui-resizable { position: relative; }

/* Global handle styles */
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
.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: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/resizable-n.gif) repeat scroll center top; }
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/resizable-s.gif) repeat scroll center top; }

.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-e.gif) repeat scroll right center; }
.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-w.gif) repeat scroll right center; }

.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/resizable-se.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/resizable-sw.gif); }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(i/resizable-nw.gif); }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(i/resizable-ne.gif); }
/* This file skins dialog */

.flora .ui-dialog,
.flora.ui-dialog {
	background-color: #e6f7d4;
}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
	border-bottom: 1px solid #d8d2aa;
	background: #ff9900 url(i/dialog-title.gif) repeat-x;
	padding: 0px;
	height: 28px;
	_height: 29px;
}

.flora .ui-dialog.ui-draggable .ui-dialog-titlebar,
.flora.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(i/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close span,
.flora.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(i/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
	margin: 1.2em;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

/* Dialog handle styles */
.flora .ui-dialog .ui-resizable-n,
.flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/dialog-n.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-s,
.flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/dialog-s.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-e,
.flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-e.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-w,
.flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-w.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-se,
.flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/dialog-se.gif); }

.flora .ui-dialog .ui-resizable-sw,
.flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/dialog-sw.gif); }

.flora .ui-dialog .ui-resizable-nw,
.flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(i/dialog-nw.gif); }

.flora .ui-dialog .ui-resizable-ne,
.flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(i/dialog-ne.gif); }

/* This file skins dialog */

.flora .ui-dialog,
.flora.ui-dialog {
	background-color: #e6f7d4;
}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
	border-bottom: 1px solid #d8d2aa;
	background: #ff9900 url(i/dialog-title.gif) repeat-x;
	padding: 0px;
	height: 28px;
	_height: 29px;
}

.flora .ui-dialog.ui-draggable .ui-dialog-titlebar,
.flora.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(i/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close span,
.flora.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(i/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
	margin: 1.2em;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

/* Dialog handle styles */
.flora .ui-dialog .ui-resizable-n,
.flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/dialog-n.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-s,
.flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/dialog-s.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-e,
.flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-e.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-w,
.flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-w.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-se,
.flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/dialog-se.gif); }

.flora .ui-dialog .ui-resizable-sw,
.flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/dialog-sw.gif); }

.flora .ui-dialog .ui-resizable-nw,
.flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(i/dialog-nw.gif); }

.flora .ui-dialog .ui-resizable-ne,
.flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(i/dialog-ne.gif); }