.hidden
{
    display:none;
}
/* common - based on Eric Meyer's reset, you shouldn't change this section
======================================*/
/* basic links properties */
a {text-decoration: none; color: #4092d8;}
a.alt,
.altbox .content a {border-color: #ddecc1; color: #386b00;}
a:hover, a:active, a:focus,
a.alt:hover, a.alt:active, a.alt:focus,
.altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus {color: #59aa00;}
a img {border: none;}
.defaultfamily
,body{font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, "DejaVu Sans", "Bitstream Vera Sans", Arial, Verdana, "Verdana Ref", sans-serif;}
.largefamily
,.stepsbox
,h1, h2, h3, h4, h5, h6
{font-family: "Century Gothic", "Avant Garde", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Geneva, "Trebuchet MS", "Lucida Sans", Tahoma, "DejaVu Sans", "Bitstream Vera Sans", Helvetica, Verdana, "Verdana Ref", Arial, sans-serif;}
h1,h2,h3,h4,h5,h6
{
    color:#4d4d4d;
}
h1 {margin-top:0.5em;margin-bottom:0.5em;}
h2 {margin-top:0.75em;margin-bottom:0.75em;}
h3 {margin-top:1em;margin-bottom:1em;}
h4 {margin-top:1.25em;margin-bottom:1.25em;}
h5 {margin-top:1.5em;margin-bottom:1.5em;}
h6 {}
/* abstract classes
======================================*/
/* image replacement (see <h1 id="logo"> section in index.html for example) */
.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

/* for buttons etc. */
.hand {cursor: hand; cursor: pointer;}

/* accessible hiding of elements */
.a-hidden {position: absolute; top: -10000em;}

/* layout
======================================*/



#header {height:108px;background: transparent}
	#header .inner-container {padding: 20px 0 16px 0;}
	/* logo: set the width and height of your logo (in px) and margin-top depending on height of your logo */
	#header #logo {position: relative; float: left; width: 191px; height: 28px; margin-top: 17px;}
		#header #logo a.home {border: 0; display: block; width: 100%; height: 100%; overflow: hidden; text-shadow: #2c5500 1px 1px 0; font-size: 180%; font-weight: bold; font-style: italic; color: #fff;}
		#header #logo a.home .ir {background: url("img/green/logo.png");}
		#header #logo a.button {position: absolute; left: 100%; top: 3px; margin-left: 20px; padding: 4px 9px 4px; white-space: nowrap;}
	/* box for user info, settings and logout */
	#userbox {background: url("img/green/userbox.png") no-repeat; position: relative; float: right; width: 225px; min-height: 65px; line-height: 1.3;}
		#userbox .inner {padding: 17px 50px 0 55px;}
		#userbox a#logout {border: 0; position: absolute; right: 14px; top: 21px; display: block; width: 23px; height: 24px; overflow: hidden; line-height: 1; font-size: 90%;}
		#userbox a#logout .ir {background: url("img/green/logout.png");}
		#userbox a#logout:hover .ir,
		#userbox a#logout:focus .ir,
		#userbox a#logout:active .ir {background-position: -23px 0;}
		#userbox strong {font-size: 120%; font-weight: normal; color: #fff;}
		#userbox a {border-color: #8ec131; color: #ebf8d2;}
		#userbox a:hover,
		#userbox a:active,
		#userbox a:focus {border-color: #a9cb78; color: #fff;}
		#userbox ul {}
		#userbox ul li {display: inline;}
		#userbox ul a {float: left; margin-right: 7px;}

/* navigation stripe */
#navbar {border-top: 1px solid #386b00; border-bottom: 1px solid #999; }
#nav {position:absolute;}
	#nav .inner-container {position: relative; z-index: 20;}
	/* navigation section switcher */
	#nav #h-wrap {=width: 220px;} /* Set your width for section switcher (only in IE 7 and older, modern browsers will set optimal width automatically) */
		#nav #h-wrap.active {border: 4px solid rgba(200, 200, 200, 0.5); }
		#nav #h-wrap.active {-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
		#nav #h-wrap.active .inner {
			border: 1px solid #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;text-shadow: #2f5d0b 1px 1px 0; color: #fff; cursor: pointer; }
		#nav #h-wrap.active .inner {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
		#nav #h-wrap .h-ico {background: 0 50% no-repeat;}
		#nav #h-wrap .h-ico span {display: block; padding-left: 40px;}
		#nav #h-wrap .ico-dashboard {background-image: url("img/h-ico/dashboard.png");} /* feel free to add/modify your own icons - icons are located in "css/img/h-ico/*" */
		#nav #h-wrap .ico-comments {background-image: url("img/h-ico/comments.png");}
		#nav #h-wrap .ico-color {background-image: url("img/h-ico/color.png");}
		#nav #h-wrap .ico-edit {background-image: url("img/h-ico/edit.png");}
		#nav #h-wrap .ico-media {background-image: url("img/h-ico/media.png");}
		#nav #h-wrap .ico-syndication {background-image: url("img/h-ico/syndication.png");}
		#nav #h-wrap .ico-cash {background-image: url("img/h-ico/cash.png");}
		#nav #h-wrap .ico-users {background-image: url("img/h-ico/users.png");}
		#nav #h-wrap .ico-advanced {background-image: url("img/h-ico/advanced.png");}
		#nav #h-wrap .ico-send {background-image: url("img/h-ico/send.png");}
		/* feel free to add more icons here like above (icon set is included in directory "./img/h-ico" and is free for commercial use) */
		#nav #h-wrap h2 {border:1px solid #272727; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #2a2a2a url("img/altbutton.gif") repeat-x; padding: 5px 9px 5px; color: #fff; cursor: pointer; margin:0;
text-shadow: 0 1px 2px black; box-shadow: 0 0 3px #666666; -webkit-box-shadow: 0 0 3px #666666; -moz-box-shadow: 0 0 3px #666666;		
		}
		#nav #h-wrap.active h2 {background: none;border:0 none;box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
		#nav #h-wrap h2 .h-ico {display: block; height: 100%; padding-right: 42px;}
		#nav #h-wrap h2 .h-arrow {background: url("img/green/h-arrow.gif") 0 0 no-repeat; position: absolute; top: 18px; right: 19px; display: block; width: 11px; height: 15px; overflow: hidden;}
		#nav #h-wrap.active h2 .h-arrow {background-position: 100% 0;}
		#nav #h-wrap ul {display: none; clear: both;}
		#nav #h-wrap ul li {display: inline;}
		#nav #h-wrap ul a {border: 0; display: block; height: 40px; width: 100%; overflow: hidden; line-height: 40px; vertical-align: middle; font-size: 1.3333em; color:#cccccc; border-bottom:1px solid #4d4d4d;}
		#nav #h-wrap ul a:hover,
		#nav #h-wrap ul a:focus,
		#nav #h-wrap ul a:active {color: #ffffff;}
	/* search form */
	#nav form {}
		#nav form input.text {outline: 0; border: 0; background: transparent; width: 194px; height: 14px; vertical-align: middle; margin: 1px 0 1px 1px; padding: 6px 2px; overflow: hidden; font-size: 100%; color: #555;}

/* content wrapper */
#container {}
	#container .inner-container {position: relative; z-index: 1; width: 960px; padding: 20px 0;}

#footer {clear: both; padding: 20px 0 10px 0; text-align: center;}
#footer p {margin: 0 0 10px 0; color: #999;}
#footer a {color: #777;}
#footer a:hover,
#footer a:active,
#footer a:focus {border: none;}

/* content styling
--------------------------------------*/

/* stylish buttons with rounded corners */
.button
{border: 1px solid #386b00; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #52801f url("img/green/button.gif") repeat-x; padding: 5px 9px 5px; text-shadow: 0 1px 2px black; color: #fff; cursor: pointer;white-space:nowrap;text-align:center;box-shadow: 0 0 3px #666666; -webkit-box-shadow: 0 0 3px #666666; -moz-box-shadow: 0 0 3px #666666; }
	.button:hover,
	.button:focus,
	.button:active {border-color: #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}
	/* alternative colors */
	.altbox .button {border: 1px solid #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbox .button:hover,
	.altbox .button:focus,
	.altbox .button:active {border-color: #386b00; background: #52801f url("img/green/button.gif") repeat-x; text-shadow: #2f5d0b 1px 1px 0; color: #fff;}
	.altbutton {border: 1px solid #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbutton:hover,
	.altbutton:focus,
	.altbutton:active {border-color: #386b00; background: #52801f url("img/green/button.gif") repeat-x; text-shadow: #2f5d0b 1px 1px 0; color: #fff;}
	.altbox .altbutton {border: 1px solid #386b00; background: #52801f url("img/green/button.gif") repeat-x; text-shadow: #2f5d0b 1px 1px 0;}
	.altbox .altbutton:hover,
	.altbox .altbutton:focus,
	.altbox .altbutton:active {border-color: #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}

/* icons for content links etc. */
.ico { border: 0 !important; }
.ico-a { border: 0 !important; padding-left: 20px !important; }

/* tags, filetypes */
.tag {
	padding: 4px 7px; color: #fff !important;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.tag-gray { /* feel free to add more tag types, just change the colors of gradients/borders */
	border-bottom: 1px solid #666;
	background: #999;
	background: gradient(linear, left top, left bottom, from(#bbb), to(#999));
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
}

/* error/information messages */
.msg,
.errorbox{
    margin-top:1.5em;
    overflow:hidden;
    border:1px solid;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	margin-bottom:15px; padding: 8px 10px 0 10px;
}
.msg
{
	box-shadow: 0 1px 7px #cccccc;
	-webkit-box-shadow: 0 1px 7px #cccccc;
	-moz-box-shadow: 0 1px 7px #cccccc;
}
.msg p {margin: 0 0 8px 0 !important; padding-left: 25px;}
.msg-ok {border-color: #a6d877; background: #d2ecba url("img/msg-ok.png") repeat-x; color: #336801;}
.msg-error {border-color: #f3abab; background: #f9c9c9 url("img/msg-error.png") repeat-x; color: #8d0d0d;}
.msg-warn {border-color: #d7e059; background: #f3f7aa url("img/msg-warn.png") repeat-x; color: #6c6600;}
.msg-info {border-color: #9fd1f5; background: #c3e6ff url("img/msg-info.png") repeat-x; color: #005898;}
.msg-ok p {background: url("img/led-ico/accept.png") 0 50% no-repeat;}
.msg-error p {background: url("img/led-ico/cross_octagon.png") 0 50% no-repeat;}
.msg-warn p {background: url("img/led-ico/exclamation_octagon_fram.png") 0 50% no-repeat;}
.msg-info p {background: url("img/led-ico/exclamation.png") 0 50% no-repeat;}
.error {color: #b70b0b;}
/* forms */
form.plain {padding: 0;} /* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */
form.plain fieldset {border: 0 !important; padding: 0 !important;}
form.basic dl {width: 100%; overflow: hidden;} /* basic layout for forms */
form.basic dl dt,
form.basic dl dd {float: left;}
form.basic dl dt {padding: 3px 5px 3px 0; width: 20%;}
form.basic dl dd {padding: 3px 0 3px 5px; width: 76%;}
.textbox
{
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #999; background: #ffffff url("img/txt.gif") repeat-x; padding: 5px 2px;
	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
	padding:5px 15px;
}

.textlabel,
label.check,
label.radio {margin-right: 5px;}
form small {color: #999;}
input[type=text],
input[type=password],
textarea {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #999; background: #ffffff url("img/txt.gif") repeat-x; padding: 5px 2px;
}
input[type=text],
input[type=password],
textarea
{
	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
	padding:5px 15px;
}
input.searchtextbox
{
	width:250px;
	margin:0;
}
form.basic input.txt,
form.basic textarea {width: 100%;}
input.error,
textarea.error {border-color: #d35757; background-image: url("img/txt-error.gif");}
span.loading {background: url("img/upload.gif") 0 50% no-repeat; padding: 3px 0 3px 20px;}
form.fields {} /* plain and clean layout for forms */
form.fields fieldset {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;
}
form.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;}
form.fields fieldset legend {padding: 0 10px; font-size: 110%;}
form.fields label,
form.fields div.sep {display: block; margin-top: 6px;}
form.fields label.check,
form.fields label.radio {display: inline; margin-top: 0;}
form.fields span.loading {margin-left: 10px;}
/* lists for actions (remove, modify) */
ul.actions {margin: 0;}
ul.actions li {display: inline; margin-right: 5px;}

/* content boxes */
.boxiebox {background:none;}
	.box-25 {width: 25%;} /* 25% box */
	.box-33 {width: 33.3%;} /* 25% box */
	.box-50 {width: 50%;} /* 50% box */
	.box-75 {width: 75%;} /* 75% box */
	.box-100 {width: 100%;} /* 100% box */
	.altbox {} /* class for alternative (emphasized) boxes (blue headings and colors) */
	/* wrap of box's content */
	.boxin {box-shadow: 0 1px 7px #808080; -webkit-box-shadow: 0 1px 7px #808080; -moz-box-shadow: 0 1px 7px #808080; border: 1px solid #808080; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #fff url(img/g-white-s.gif) repeat-x bottom;}
	/* boxes' headers */
	.boxiebox .header {
		background: #3d3d3d url("img/headerbox.png") repeat-x;
		border-top: 1px solid #444;
		border-left: 1px solid #444;
		border-right: 1px solid #444;
		border-radius: 9px 9px 0 0;
	   -moz-border-radius-topleft: 9px;
	   -moz-border-radius-topright: 9px;
	   -webkit-border-top-left-radius: 9px;
	   -webkit-border-top-right-radius: 9px;
		position: relative; margin: -1px -1px 0 -1px; padding: 10px 0 9px 20px;
	}
	.boxiebox .bigheader
	{
		padding: 28px 0 9px 20px;
	}
	.altbox .header {border-top-color: #60912b; background: #61922b url("img/green/altheaderbox.png") repeat-x;}
	.boxiebox .header h3 {position: relative; top: 2px; display: inline; font-size: 150%; color: #fff; text-shadow: 0 1px 2px black;}
	.altbox .header h3 {text-shadow: 0 1px 2px black;}
	.boxiebox .header .button {margin-left: 15px;}
	/* tags in the header */
	.boxiebox .header ul {position: absolute; right: 9px; bottom: 0;}
	.boxiebox .header ul li {display: inline;}
	.boxiebox .header ul a {
		border-radius: 5px 5px 0 0;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
	   -webkit-border-top-left-radius: 5px;
	   -webkit-border-top-right-radius: 5px;
		background: #777; border: 0; float: left; margin: 0 0 0 5px; padding: 8px 13px 6px; color: #fff;
	}
	.boxiebox .header ul a.active,
	.boxiebox .header ul a:hover,
	.boxiebox .header ul a:focus,
	.boxiebox .header ul a:active {background: #fff url("img/headertab.png") repeat-x; color: #444;}
	.altbox .header ul a {background-color: #a0d04a;}
	.altbox .header ul a.active,
	.altbox .header ul a:hover,
	.altbox .header ul a:focus,
	.altbox .header ul a:active {background: #fff url("img/green/altheadertab.png") repeat-x; color: #386b00;}
	/* boxes' content types – tabular */
	.boxiebox .content
	{
		margin-bottom: 18px;
	}
	/* boxes' content types – simple list */
	.boxiebox .content ul.simple li {clear: both; padding: 10px 20px 8px 20px; overflow: hidden;}
	.content table tr.even th,
	table.data tr.even th,
	.boxiebox .content ul.simple li.even {background: #f5f5f5;}
	.altbox .content table tr.even th,
	.altbox .content ul.simple li.even {background: #f2fae3;}
	.boxiebox .content ul.simple strong {float: left; font-weight: normal;}
	.boxiebox .content ul.simple span {float: right;}
	/* boxes' content types – grid */
	.boxiebox .content .grid {}
	.boxiebox .content .grid .line {border-bottom: 1px solid #ddd; width: 100%; overflow: hidden;}
	.altbox .content .grid .line {border-bottom-color: #cfe1ad;}
	.boxiebox .content .grid .even {background: #f5f5f5;}
	.altbox .content .grid .even {background: #f2fae3;}
	.boxiebox .content .grid .item {float: left; width: 50%;}
	.boxiebox .content .grid .item .inner {padding: 17px 15px 12px 20px;}
	.boxiebox .content .grid .firstline {border-top: 0 !important;}
	.boxiebox .content .grid .lastline {border-bottom: 0 !important;}
	.boxiebox .content .grid .item a.thumb {border: 0; float: left;}
	.boxiebox .content .grid .item .data {margin-left: 165px;}
	.boxiebox .content .grid .item h4 {margin: 0 0 10px 0; font-size: 110%; font-weight: bold;}
	.boxiebox .content .grid .item h4 span {margin-right: 5px; font-weight: normal; font-size: 90%;}
	.boxiebox .content .grid .item p {margin: 0 0 5px 0; color: #666;}
	.boxiebox .content .grid ul.actions {margin-top: 8px;}
	/* boxes' pagination */
	.pagination {border-top: 1px solid #999; background: #fff url("img/pagination.gif") repeat-x; text-align: center; color: #333 !important;}
	.pagination ul {position: relative; top: -1px; padding: 12px 10px 6px;}
	.pagination ul li {display: inline;}
	.pagination a {
		border: 0; background: #ebebeb url("img/pagination-item.gif") repeat-x; margin: 0 5px; padding: 6px 10px; color: #333 !important;
		border-radius: 3px;
	   -moz-border-radius: 3px;
	   -webkit-border-radius: 3px;
	}
	.pagination a:hover,
	.pagination a:active,
	.pagination a:focus {color: #59aa00 !important;}
	.pagination strong {background: url("img/pagination-arrow.gif") 50% 0 no-repeat; padding: 15px 10px 8px;}
	/* calendar */
	table.calendar {width: 100%;}
	table.calendar thead {zoom: 1;}
	table.calendar thead tr {zoom: 1;}
	table.calendar thead th.month {border-bottom: 1px solid #bbb; font-weight: bold; font-size: 120%; zoom: 1;}
	table.calendar thead th.month a {border: none; position: relative; top: 5px; margin: 0 10px; zoom: 1;}
	table.calendar th,
	table.calendar td {width: 14.3%; text-align: center;}
	table.calendar tbody td,
	table.calendar tbody th {border: 1px solid #ddd; border-top-color: #fff; border-left-color: #fff;}
	table.calendar strong {font-size: 140%;}
	table.calendar .inactive {color: #aaa;}
	table.calendar div.items a {border: 0; margin: 0 1px;}
	table.data
	{
		width: 100%;
		margin-bottom:0px;
	}
	table.data th,
	table.data td
	{
		padding: 10px 10px 8px 10px;
	}
	table.data th
	{
		text-align: left;
		font-weight: normal;
	}
	table.data tr.even th,
	table.data tr.even td
	{
		background: #f1f1f1;
	}
	.altbox .content table tr.even th,
	.altbox .content table tr.even td
	{
		background: #f2fae3;
	}
	table.data th.first,
	table.data td.first
	{
		padding-left: 20px;
	}
	table.data thead th,
	table.data thead tr th,
	table.data thead tr.even th,
	table.data thead td
	{
		border-left: 1px solid #f2f2f2;
		border-right: 1px solid #d5d5d5;
		background: #ddd url("img/thead.gif") repeat-x;
		text-shadow: #fff 0 1px 0;
	}
	table.data tbody tr.first th,
	table.data tbody tr.first td
	{
		border-top: 1px solid #bbb;
	}
	.altbox .content table tbody
	{
		color: #2b5200;
	}
	table.data a.ico-comms
	{
		border: 0;
		background: url("img/green/ico-tablecomms.gif") 50% 60% no-repeat;
		padding: 10px; color#fff;
	}
	table.data tfoot th,
	table.data tfoot td
	{
		border-top: 1px solid #ccc;
		background: #fff url("img/tfoot.gif") repeat-x;
	}
	
/* login page */
#login {background: #222; padding: 100px;}
#login .boxiebox {float: none; margin: 0 auto;}
#login .boxin {box-shadow: #111 0 0 10px; -webkit-box-shadow: #111 0 0 10px; -moz-box-shadow: #111 0 0 10px; border: 0;}
#login .header {padding-top: 20px; padding-bottom: 15px; margin: 0;}
#login table {width: 75%; margin: 0 auto;}
#login th,
#login td {padding: 0 0 5px 0;}
#login th {width: 60px;}
#login td.proceed {padding-right: 0;}
#login td.proceed input {margin: 0;}
#login input.txt {width: 260px;}
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.datatablepagertop
,.datatablepagerbottom
{
	color:#cccccc;
	background:#666666;
}
.datatablepagertop
{
	border-radius: 9px 9px 0 0;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
}
.datatablepagerbottom
{
	border-radius: 0px 0px 9px 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
}
.datatablepagertop a
,.datatablepagerbottom a
{
	color:#e5e5e5;
}
.datatablepagertop .inner
,.datatablepagerbottom .inner
{
	padding:0.75em 1em;
}
.absolutebutton
{
	display:block;
}
.flatbuttondark
{
	white-space:nowrap;
	text-decoration:none;
	padding:3px 10px;
	background:#666666;
	color:#cccccc;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
.flatbuttondark:hover
,.flatbuttondark:active
,.flatbuttondark:focus
{
	background-color:#4092d8;
	color:#ffffff;	
}
.flatbuttongreen
{
	white-space:nowrap;
	text-decoration:none;
	padding:3px 10px;
	background:green;
	color:#ffffff;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
.flatbuttongreen:hover
,.flatbuttongreen:active
,.flatbuttongreen:focus
{
	background-color:lightgreen;
	color:#ffffff;
}
.flatbuttonred
{
	white-space:nowrap;
	text-decoration:none;
	padding:3px 10px;
	background:#CF3738;
	color:#ffffff;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
.flatbuttonred:hover
,.flatbuttonred:active
,.flatbuttonred:focus
{
	background-color:#ffe5e5;
	color:#CF3738;	
}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.oh
{
	overflow:hidden;
}
.flatboxsticker
{
	white-space:nowrap;
	text-decoration:none;
	padding:3px 10px;
	background:#666666;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-top:6px;
}
.flatboxyellowhighlight
{
	white-space:nowrap;
	text-decoration:none;
	padding:3px 10px;
	background:#fcff9d;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-top:6px;
}
.prepend-top-half
{
	margin-top:.75em;
}
.prepend-bottom-half
,.append-bottom-half
{
	margin-bottom:.75em;
}
.prepend-top-2
{
	margin-top:3em;
}
.append-bottom-2
{
	margin-bottom:3em;
}
tr.even td
{
	background-color:#f1f1f1;
}
input[type=text]
,input[type=password]
{
	/*min-width:300px;   <-- Makes Syncin Note Edit screen get a horizontal scroll bar!*/
	width:300px;
}
.fwb
{
	font-weight:bold;
}
.fwn
{
    font-weight:normal;
}
table.noaltrows td
{
	background-color:#ffffff !important;
}
.db
{
	display:block;
}
.stepsboxes
{
    overflow:hidden;
    margin-right:154px;
    box-shadow: #aaa 0 0 10px;
    -webkit-box-shadow: #aaa 0 0 10px;
    -moz-box-shadow: #aaa 0 0 10px;
    float:right;
    border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}
.stepsbox
{
    float:left;
    margin:0;
    padding:10px 20px;

    border: 1px solid #1f1f1f;
    border-style:solid solid solid none;
    background: #3d3d3d url("img/headerbox.png") repeat-x;
}
.stepbox-1
{
    border-style:solid solid solid solid;
    border-radius: 9px 0px 0px 9px;
   -moz-border-radius-topleft: 9px;
   -moz-border-radius-bottomleft: 9px;
   -webkit-border-top-left-radius: 9px;
   -webkit-border-bottom-left-radius: 9px;
}
.stepbox-5
{
    border-radius: 0px 9px 9px 0px;
   -moz-border-radius-topright: 9px;
   -moz-border-radius-bottomright: 9px;
   -webkit-border-top-right-radius: 9px;
   -webkit-border-bottom-right-radius: 9px;
}
   
.stepsbox.active
{
	background: #61922b url("img/green/altheaderbox.png") repeat-x;
}
.stepsboxtopline
{
    text-shadow: 0 1px 2px black;
    color:#d9d9d9;
    font-size:1.5em;
    line-height:2em;
}
.stepsboxbottomline
{
    color:#d9d9d9;
    font-size:smaller;
}
.stepsbox.active .stepsboxtopline
{
    text-shadow: 0 1px 2px black;
    color:white;
    font-weight:bold;
}
.stepsbox.active .stepsboxbottomline
{
    color:white;
    font-weight:bold;
}
.bm0
{
	margin-bottom:0;
}
.ttu
{
	text-transform:uppercase;
}
.ma
{
	margin-left:auto;
	margin-right:auto;
}
.wsno
{
    white-space:nowrap;
}
.pad-all-10
{
    padding:10px;
}
.pad-top-10
{
    padding-top:10px;
}
.pad-right-10
{
    padding-right:10px;
}
.mright-10
{
    margin-right:10px;
}
.vam
{
    vertical-align:middle;
}
.vat
{
    vertical-align:top;
}

.text16
{
    font-size:1.5em;
    line-height:1em;
}


.text14
{
    font-size:1.1667em;
    line-height:1.2857em;
}

.text11
{
    font-size: 0.9167em; /* 11px */
    line-height: 1.6364em; /* 18px */ 
}

.textgreen
{
    color: #91b646;
}

.textblue
{
    color: #4092d8;
}

.formlabel120
{
    display:block;
    width:120px;
    float:left;
    padding:5px 2px;
    margin:0.5em 0;
}
.width250
{
    width:250px !important;
}

.darkshadow
{
    box-shadow: 0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px #000000;
    -moz-box-shadow: 0 0 3px #000000;
}

.darktextshadow
{
    text-shadow: 0 1px 3px #000000;    
}

.bottomborder-e5
{
    border-bottom: 1px solid #e5e5e5;
}