/* -------------------------------------------------------------
1. DEFAULT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, sup,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
padding: 0;
margin: 0;
border: 0;
vertical-align: baseline
}

body
{
	font: 12px/1.7em arial, sans-serif;
	padding: 0;
	margin: 0;
}

h1,h2,h3,
h4,h5,h6		{ color: #111; margin-bottom: .75em; }

h1 				{ font-size: 24px; line-height: 1em; }
h2 				{ font-size: 20px; font-weight: normal; color: #222; margin-bottom: .75em }
h3 				{ font-size: 16px; color: #333; line-height: 1; margin-bottom: .75em }
h4 				{ font-size: 14px; color: #666; line-height: 1.25; margin-bottom: 1.25em }
h5 				{ font-size: 12px; font-weight: bold; margin-bottom: 1.5em }
h6 				{ font-size: 11px; font-weight: bold }

.htight			{ margin:2px; }

p           	{ margin: 0 0 1.5em }
p.last      	{ margin-bottom: 0 }
img         	{ border: none; }

ul, ol			{ margin-left: 28px; margin-bottom: 1.5em; }
ul li			{ list-style-type: square; }

dl          	{ margin: 0 0 1.5em 0 }
dl dt       	{ font-weight: bold }
dd          	{ margin-left: 1.5em }

abbr,
acronym     	{ border-bottom: 1px dotted #666 }
address     	{ margin-top: 1.5em; font-style: italic }
del         	{ color:#666 }
sup				{ font-size: 9px; vertical-align:top; }

a				{ color: #358; text-decoration: underline }
a:visited		{ color: #667 }
a:focus,
a:hover     	{ color: #933 }

a:active,
a:focus			{ outline: none !important; noFocusLine: expression(this.onFocus=this.blur()) }

blockquote  	{ margin: 1.5em; color: #666; font-style: italic }
strong      	{ font-weight: bold }
em,dfn      	{ font-style: italic; background: #ffc }
dfn         	{ font-weight: bold }
pre,code    	{ margin: 1.5em 0; white-space: pre }
pre,code,tt 	{ font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5 }
tt         		{ display: block; margin: 1.5em 0; line-height: 1.5 }

/*---------------------------------------------
 You're basic, run-of-the-mill table re-reset
---------------------------------------------*/
table.reset { width: auto; }
table.reset thead th { font-weight: bold; background: #FFF; border-bottom: 1px solid #E5E2E2; }

table.reset thead tr th,
table.reset tbody tr td { margin: 0px; padding: 2px; }

table.reset tr.row2 td  { background-color: #EAEAEA; }
table.reset tfoot tr td { font-weight: bold; border-top: 1px solid #E5E2E2; }
/*-------------------------------------------*/

table { width: 100%; font-size: 11px; border: 0; }

	 table thead th
	 {

		font-weight: bold;
		text-align: left;
		background: #FFF;
		border-bottom: 1px solid #E5E2E2;
	}

	th.header { background: url(/css/images/tables/sorter-bg.gif) no-repeat 0% 50% !important; padding-left: 20px !important; cursor: pointer; }

	th.headerSortDown { background-image: url(/css/images/tables/sorter-desc.gif) !important; }

	th.headerSortUp { background-image: url(/css/images/tables/sorter-asc.gif) !important; }

			 table tbody tr td { background: #FFF; }

			table thead th,
			table tbody tr td { padding: 5px; }

	table tr.row2 td  { background-color: #EAEAEA; }

button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */

button,
button span
{
	background: transparent url(/css/themes/green/images/button_sprite.png) no-repeat;
}

button,
button .btn-pri {
	padding: 0 15px 0 0;
	margin-right:5px;
	text-align: center;
	background-position: right -50px !important;
}

button span,

button .btn-pri span {
	font-family: arial, sans-serif;
	padding: 0 0 0 15px;
	height:30px;
	font-size:13px;
	line-height: 28px;
	font-weight: bold;
	font-style: italic;
	background-position: left top;
	color:#FFF;
}

a.button {
	color:#FFF !important;
	text-decoration: none;
}

button.btn-sec { background-position: right -150px !important; }

button.btn-sec span { background-position: left -100px !important; }

/*
a      #50b948
a dark #3da535

b      #8dc63f
b dark #6aa519
*/


.clickbutton {
				position:relative;
				border: none;
				padding: 10px 20px !important;
				text-align: center !important;
				color: white;
				font-size:13px !important;
				font-weight:bold;
				cursor: pointer;
				text-decoration:none;
				-webkit-border-radius: 8px !important;
				-moz-border-radius: 8px !important;
				border-radius: 8px !important;
				-webkit-box-shadow: #666 0px 2px 3px !important;
				-moz-box-shadow: #666 0px 2px 3px !important;
				box-shadow: #666 0px 2px 3px;
				background-color: rgb(43, 56, 84);
	            }

.clickbutton:hover {
				background-color: rgba(43, 56, 84, 0.8);
                text-decoration: underline;
                }


.clickbutton-green {
				position:relative;
				border: 1px solid #696;
				padding: 6px 15px !important;
				text-align: center !important;
				color: white;
				font-size: 13px !important;
				font-weight:bold;
				cursor: pointer;
				text-decoration:none;
				-webkit-border-radius: 8px !important;
				-moz-border-radius: 8px !important;
				border-radius: 8px !important;
				-webkit-box-shadow: #666 0px 2px 3px !important;
				-moz-box-shadow: #666 0px 2px 3px !important;
				box-shadow: #666 0px 2px 3px;
				background: #6A9D2A;
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7fbc32), to(#5A8D1A));
				background: -moz-linear-gradient(#7fbc32, #5A8D1A);
				background: linear-gradient(#7fbc32, #5A8D1A);
				-pie-background: linear-gradient(#7fbc32, #5A8D1A);
				behavior: url(/images/PIE.htc) !important;
	            }

a.clickbutton-green { color: white; }
a.clickbutton-green:hover {
                text-decoration: underline;
                }

.clickbutton-red {
				position:relative;
				border: 1px solid #966;
				padding: 6px 15px !important;
				text-align: center !important;
				color: white;
				font-size: 13px !important;
				font-weight:bold;
				cursor: pointer;
				text-decoration:none;
				-webkit-border-radius: 8px !important;
				-moz-border-radius: 8px !important;
				border-radius: 8px !important;
				-webkit-box-shadow: #666 0px 2px 3px !important;
				-moz-box-shadow: #666 0px 2px 3px !important;
				box-shadow: #666 0px 2px 3px;
				background: #CC1111;
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EE9999), to(#CC1111));
				background: -moz-linear-gradient(#EE9999, #CC1111);
				background: linear-gradient(#EE9999, #CC1111);
				-pie-background: linear-gradient(#EE9999, #CC1111);
				behavior: url(/css/PIE.htc) !important;
	            }

a.clickbutton-red { color: white; }
a.clickbutton-red:hover {
                text-decoration: underline;
                }

.clickbutton-yellow {
				position:relative;
				border: 1px solid #ACAA0E;
				padding: 6px 15px !important;
				text-align: center !important;
				color: white;
				font-size: 13px !important;
				font-weight:bold;
				cursor: pointer;
				text-decoration:none;
				-webkit-border-radius: 8px !important;
				-moz-border-radius: 8px !important;
				border-radius: 8px !important;
				-webkit-box-shadow: #666 0px 2px 3px !important;
				-moz-box-shadow: #666 0px 2px 3px !important;
				box-shadow: #666 0px 2px 3px;
				background: #FFD442;
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFD442), to(#E9B81C));
				background: -moz-linear-gradient(#FFD442, #E9B81C);
				background: linear-gradient(#FFD442, #E9B81C);
				-pie-background: linear-gradient(#FFD442, #E9B81C);
				behavior: url(/css/PIE.htc) !important;
	            }

a.clickbutton-yellow { color: white; }
a.clickbutton-yellow:hover {
                text-decoration: underline;
                }


.clickbutton-grey {
				position:relative;
				border: 1px solid #666;
				padding: 6px 15px !important;
				text-align: center !important;
				color: white;
				font-size: 13px !important;
				font-weight:bold;
				font-style:italic;
				cursor: pointer;
				text-decoration:none;
				-webkit-border-radius: 8px !important;
				-moz-border-radius: 8px !important;
				border-radius: 8px !important;
				-webkit-box-shadow: #666 0px 2px 3px !important;
				-moz-box-shadow: #666 0px 2px 3px !important;
				box-shadow: #666 0px 2px 3px;
				background: #333333;
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#999999), to(#333333));
				background: -moz-linear-gradient(#999999, #333333);
				background: linear-gradient(#999999, #333333);
				-pie-background: linear-gradient(#999999, #333333);
				behavior: url(/css/PIE.htc) !important;
	            }

a.clickbutton-grey { color: white; }
a.clickbutton-grey:hover {
                text-decoration: underline;
                }


/* -------------------------------------------------------------
2. PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#page {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
	.pad { width: 980px; margin: 0 auto; position: relative; }



/* -------------------------------------------------------------
3. HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header
{
	background: #fff;
	width: 100%;
	height: 68px;
	position: relative;

}

	#header h1#title { margin: 0; }

		#header h1#title a
		{
			color: #FFF;
			font-size: 36px;
			line-height: 2em;
			text-decoration: none;
			float: left;
			margin-top: 0px;
			margin-bottom: 0;

		}

		#droptab {
			background-color: rgb(43, 56, 84);
			border: 2px solid rgb(103, 110, 121);
			margin-top: -2px;
			padding: 4px 8px;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			float: right;
			-moz-border-radius-bottomright: 6px;
			-moz-border-radius-bottomleft: 6px;
			-webkit-border-bottom-left-radius: 6px;
			-webkit-border-bottom-right-radius: 6px;
			border-radius: 0px 0px 6px 6px;


			position: relative;
			z-index: 1000;
		}

		#droptab a {
			color: white;
			text-decoration: none;
		}

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

/* -------------------------------------------------------------
5. NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#nav { background: #fff !important; width: 100%; height: 32px; position: relative; z-index: 80; border-bottom: 2px solid #8dc63f;}

	/* HACK HACK HACK: Target opera browsers to fix navigation height */
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
		#nav { height: 35px !important; }
	}


	#nav ul	{ width: 960px; padding: 0 !important; margin: 0 auto !important; }

		#nav li
		{
			list-style-type: none;
			float: left;
			padding-top: .5em;
			padding-bottom: .5em;
			margin-right: 0em;
			padding-right: .5em;
			position: relative;
		}

			#nav li a
			{
				color: #FFF;
				font-size: 13px;
				font-weight: bold;
				line-height: 1em;
				text-decoration: none;
				padding: .5em 1em .65em .9em;
				outline: none !important;
				border: 1px solid #3da535;
				border-bottom: none;
				-moz-border-radius-topright: 4px;
				-moz-border-radius-topleft: 4px;
				-webkit-border-top-left-radius: 6px;
				-webkit-border-top-right-radius: 6px;
				border-radius: 6px 6px 0px 0px;

				background: #8dc63f;

			}

			/* Hack for webkit browsers */
			@media screen and (-webkit-min-device-pixel-ratio:0) {
			   #nav li a { padding-bottom: .75em; }
			}

			#nav li.hasSubNav a
			{
				background: #8dc63f url(/css/images/nav/nav-arrow.png) no-repeat 89% 13px;
				padding-right: 	2.5em !important;

			}

				#nav li .current,
				#nav li.hasSubNav.hover a
				{
					background: #FFF;
					background-image: url(/css/images/nav/nav-arrow.png) !important;
					background-repeat: no-repeat;
					color: #3da535;
					border-color: #CCC;
					border-bottom: 2px solid #FFFFFF;
					-moz-border-radius-topright: 4px;
					-moz-border-radius-topleft: 4px;
					-webkit-border-top-left-radius: 6px;
					-webkit-border-top-right-radius: 6px;
					border-radius: 6px 6px 0px 0px;


				}



				#nav li.hasSubNav.hover a
				{

					background: #EEE url(/css/images/nav/nav-arrow.png) no-repeat 89% 13px;
					background-repeat: no-repeat;
					color: #FFF;
					border-color: #AAA;
					border-bottom: 2px solid #8dc63f;
					-moz-border-radius-topright: 4px;
					-moz-border-radius-topleft: 4px;
					-webkit-border-top-left-radius: 6px;
					-webkit-border-top-right-radius: 6px;
					border-radius: 6px 6px 0px 0px;


				}

				#nav li .disabled
				{
					background: #BBB !important;
					color: #FFF;
					border-color: #AAA;
					border-bottom: 2px solid #8dc63f;
					-moz-border-radius-topright: 4px;
					-moz-border-radius-topleft: 4px;
					-webkit-border-top-left-radius: 6px;
					-webkit-border-top-right-radius: 6px;
					border-radius: 6px 6px 0px 0px;


				}

				#nav li .current { background-image: none !important; }
				#nav li a:hover { color: #FFF !important; text-decoration:underline; }
				#nav li.hover a:hover { color: #50b948 !important; }
				#nav li .current:hover { color: #50b948 !important; }


		/* Sub navigation styles */
		.sub_nav
		{
			background: #FFF !important;
			width: 100px !important;
			padding: 2px 10px 0 10px;
			position: absolute;
			top: 5px;
			left: 0;
			z-index: 1001;
			overflow: hidden;
			border: 1px solid #CCC;
			border-top: none;
			border-bottom: 3px solid #CCC;
			display: none;
			padding-top: 1em !important;
			padding-bottom: 1em !important;
			margin-top: 2.6em !important;
			z-index: 1001;
			-moz-border-radius-bottomleft: 6px;
			-webkit-border-bottom-left-radius: 6px;
			-moz-border-radius-bottomright: 6px;
			-webkit-border-bottom-right-radius: 6px;
			border-radius: 0px 0px 6px 6px;

			font-size: 11px;
		}

		.sub_nav_right { right: 12px !important; left: auto !important; }

		.sub_nav ul { padding: 0; margin: 0; list-style-type: sqaure !important; }

			.sub_nav li
			{
				background: none !important;
				float: none !important;
				border-bottom: 1px dotted #DDD !important;
				border: none !important;
				padding: 0 5px 0 0px !important;
				margin: 5px 0 0 0px !important;
				list-style-type: none !important;
			}

				.sub_nav li a { background: none !important; }

				#nav li.hover  .sub_nav li a
				{
					background: none !important;
					font-size: 14px !important;
					color: #358 !important;
					text-decoration: underline !important;
					display: block !important;
					padding: 0 !important;
					margin: 0 0 1.85em !important;

					border: none !important;
				}

	.one_col { background: #FFF !important; width: 150px !important; }

	.two_col { background-image:  url(/css/images/sub_nav_two_col_border.gif) !important; width: 300px !important; }

	.three_col { background-image:  url(/css/images/sub_nav_three_col_border.gif) !important; width: 450px !important;  }


	.sub_nav .col
	{
		width: 150px;
		float: left;
	}

	.sub_nav h3 { margin: .25em 0 1em 0; }

	.sub_nav .col h3 { margin-bottom: 1.5em; }

	.sub_nav p { margin-bottom: .5em !important; }



	.leftnav {
		color: #666;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		padding: 2px 0px 2px 15px;
	}

	.leftnav a {
		color: #666;
		text-decoration: none;
	}

	.leftnav a:hover {
		color: rgb(43, 56, 84);
	}

	#leftnav .subnav {
		visibility: hidden;
	}

	.shortcut-button {
	    background: #ffffff url('/images/buttons/isnicons.png') top left no-repeat;
	    display: block;
	    width: 95px;
	    margin: 0 0 0 0;
	    text-decoration: none;
	    }

	.shortcut-button span {
	    display:block;
	    padding: 4px 10px 15px 10px;
	    text-align: center;
	    color: #555;
	    font-size: 13px;
	    line-height: 1.3em;
	    }

	.shortcut-button span img {
	    margin-bottom: 10px;
	    }



	.shortcut-button span:hover {
		color: #57a000;
	    }

	ul.shortcut-buttons-set {
	    margin: 0 0 0 30px;
	}

	ul.shortcut-buttons-set li {
	    float: left;
	    margin: 0 15px 0 0;
		padding: 0 !important;
		background: 0;
		list-style-type: none;
	    }

/* -------------------------------------------------------------
6. BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#body {
		clear: both;
		display: inline-block;
		margin: 0.15em auto 1.75em auto;
		position: relative;
		text-align: left;
		min-width: 980px;
	}

	#body h1#pageTitle
	{
		font-size: 28px;
		font-style: normal;
		font-weight: bold;
		color: #72431c;
		padding-bottom: .5em;
		margin-bottom: .25em;
		position: relative;
	}


/* -------------------------------------------------------------
7. MAIN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main {
	min-width: 775px;
	float: left;
	margin-bottom: 3em;
}

/* Main Sections */
#main_form_container{
	background-color: rgb(240,240,240);
	border-radius: 16px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	min-width: 660px;
}


#page-intro {
    font-size: 17px;
    padding: 0 0 20px 0;
    margin-top: -15px;
}
.content_img {
	border: 2px solid #5b9dd9;
	float: left;
	display: block;
	max-height: 40px;
	max-width: 120px;
}


/* -------------------------------------------------------------
8. SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sidebar { width: 175px; font-size: 11px; float: left; margin-bottom: 3em; margin-right:10px; }


/* -------------------------------------------------------------
9. FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer
{
	width: 980px;
	font-size: 11px;
 	clear: both;
	margin: 0 auto;
	margin-bottom: 1.5em;
	border-top: 1px dotted #CCC;
	padding-top: 1.25em;
}


/* -------------------------------------------------------------
10. PORTLET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.portlet
{
	background: #FFF;
	border: 1px solid #CCC;
	margin-bottom: 1.5em;
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

	.portlet-header
	{
		background: url(/images/dashboard/portlet/portlet-header-lightgray.png) repeat-x top center;
		color: #202020;
		padding: 0px 15px;
		/*cursor: pointer;*/
		-moz-border-radius-topright: 6px;
		-moz-border-radius-topleft: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		position: relative;
		overflow: hidden;

		border-radius: 6px 6px 0px 0px;

	}

	.portlet-header-hilight
	{
		background: url(/css/themes/green/images/portlet-header-green.png) repeat-x top center;
		color: #FFF;
		padding: 0px 15px;
		cursor: pointer;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-topleft: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		position: relative;
		overflow: hidden;

		border-radius: 6px 6px 0px 0px;

	}

	#sidebar .portlet-header { 	background-image: url(/images/dashboard/portlet/portlet-header-gray.png); }

		.portlet-header h3, .portlet-header h4
		{
			font-size: 13px;
			line-height: 39px;
			font-style: normal;
			font-weight: bold;
			color: #202020;
			padding: 0;
			padding-left:39px;
			margin: 0;
		}

		.portlet-header h5
		{
			font-size: 13px;
			line-height: 39px;
			font-style: normal;
			font-weight: bold;
			color: #fff;
			margin: 0;
		}

		.portlet-header-hilight h4
		{
			font-size: 13px;
			font-style: normal;
			font-weight: bold;
			color: #FFF;
			padding: 0;
			margin: 0;
		}

		.portlet-state-closed .portlet-header {
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;

		}

		.portlet-state-closed .portlet-header h4 { text-decoration: underline; }

	.portlet-content { 	padding: 15px; position: relative; }

	.portlet-state-closed .portlet-content { display: none; }

		.portlet-toggle-icon
		{
			background: url(/images/dashboard/portlet/portlet-arrow-close.png) no-repeat 0 0 !important;
			width: 12px;
			height: 5px;
			display: block;
			position: absolute;
			right: 15px;
			top: 18px;
		}

		.portlet-state-closed .portlet-toggle-icon { background: url(/images/dashboard/portlet/portlet-arrow-open.png) no-repeat 0 0 !important; }

	.portlet-tab-nav
	{
		padding: 0;
		margin: 0;
		position: absolute;
		top: 8px;
		right: 50px;
	}

	.portlet-state-closed .portlet-tab-nav { display: none; }

		.portlet-tab-nav li
		{
			height: 50px;
			line-height: 2.25em;
			list-style-type: none;
			float: left;
			margin: 0 0;
		}

			.portlet-tab-nav li a
			{
				color: #3da535;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;
				padding: 10px 15px;
				outline: none !important;
			}

			.portlet-hilight-tab-nav li a
			{
				color: #FFF;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;
				padding: 10px 15px;
				outline: none !important;
			}

				.portlet-tab-nav li a:hover { text-decoration: underline; }

		.portlet-tab-content { display: none; }

		.portlet-tab-nav-active
		{
			position:relative;
			z-index:1000;
			background: #FFF;
			border: 1px solid #aaa;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;

		}

			.portlet-tab-nav-active a:hover { text-decoration: none !important; }

		.portlet-tab-content-active { display: block !important; }
			.portlet-tab-nav .portlet-tab-nav-active  a { color: #202020; text-decoration: none; }

.column-left    	{ width: 48%; float: left; padding-bottom: 5px; }
.column-right   	{ width: 48%; float: right; padding-bottom: 5px; }
.column-quarter 	{ width: 24%; float: left; padding-bottom: 5px;  }
.column-fifth 		{ width: 20%; float: left; padding-bottom: 5px;  }
.column-third   	{ width: 32%; float: left; padding-bottom: 5px;  }
.column-twothird	{ width: 66%; float: left; padding-bottom: 5px;  }
.float-left			{ float: left;  }
.float-right		{ float: right;  }

/* -------------------------------------------------------------
11. MESSAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.message
{
	background: #CCC url(/images/dashboard/silk/information.png) no-repeat 10px 11px;
	font-size: 13px;
	color: #74655f;
	display:block;
	padding:10px 10px 10px 40px;
	margin-bottom: 1em;
	border: 1px solid #c2beb1;
	position:relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

	.message span
	{
		display: none !important;
		position: absolute;
		right:7px;
		top:5px;
		font-weight:bold;
		font-size:10px;
		padding:0px;
		cursor:pointer;
	}

		.message-closable span { display: block !important; }

	.message-warning
	{
		background-color: #fffcd3;
		background-image: url(/images/dashboard/silk/error.png);
		color: #74655f;
		border-color: #c2beb1;
	}

	.message-success
	{
		background-color: #d9edbe;
		background-image: url(/images/dashboard/silk/accept.png);
		color: #556652;
		border-color: #b3d97f;
	}

	.message-info
	{
		background-color: #d4ebfa;
		background-image: url(/images/dashboard/silk/information.png);
		color: #4b6bab;
		border-color: #90b1c7;
	}

	.message-error
	{
		background-color: #f6b9b9;
		background-image: url(/images/dashboard/silk/exclamation.png);
		color: #c32727;
		border-color: #e18484;
	}


/* -------------------------------------------------------------
12. FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Hiding to see if we can delete 2014-09-09
.form { padding: 5px; margin: 10px; }
.form .field_help { margin-left: 145px; font-size: 90%; color: #777; }
.form label,
.form span.label { margin-right: 10px; padding-right: 10px; width: 125px; display: block; float: left;  font-weight: bold; text-align: right; position: relative; }
.form label em,
.form span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
.form input:focus,
.form input.error:focus,
.form textarea:focus {	background-color: #FFC; border-color: #FC6; }
.form div.controlset label,
.form div.controlset input { display: inline; float: none; }
.form .controlset div { margin-left: 145px; }
.form .controlset label {font-size: 11px; font-weight: normal !important; }
.form .buttonrow { margin-left: 145px; }
.form .controlset input { border: none !important; }
.form .cancel { font-size: 11px; color: #C00; padding-left: 10px; }
.form .field { margin-bottom: 1.5em; }
.form .field input
{
	padding: 4px;
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}
.form .xsmall { width: 50px; }
.form .small { width: 100px; }
.form .medium { width: 200px; }
.form .large { width: 300px; }
.form .xlarge { width: 400px; }
.in-line { dislay:inline; padding: 0px !important; margin:0px !important; }
*/
/* Label top styles */
/*
.label-top .field label { width: 100%; display: block; text-align: left; }
.label-top .field span.label { width: 100%; display: block; float: left; text-align: left; position: relative; }
.label-top .field .field_help { margin-left: 0; font-size: 11px; }
.label-top .controlset div { margin-left: 0; }
.label-top .buttonrow { margin-left: 0; }
*/

/* Basic Form styles */
.basic_form {
	 margin-left:auto;
	 margin-right:auto;
	 max-width: 650px;
	 padding-bottom: 10px;
	 text-shadow: 1px 1px 1px #FFF;
}
.basic_form fieldset {
	border: 1px solid #fcfff4;
	border-radius: 10px;
	margin-bottom: 10px;
}	
.basic_form fieldset > legend {
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.basic_form fieldset > div {
	display: none;
}
.basic_form label,
.basic_form > div {
	 color: #72431c;
	 display: block;
	 margin: 0px;
}
.basic_form label > span,
.basic_form fieldset > div > div > span {
	 color: #72431c;
	 float: left;
	 font: 14px Arial, Helvetica, sans-serif;
	 margin-top: 6px;
	 padding-right: 6px;
	 text-align: right;
	 width: 30%;
}
.basic_form .form_message {
	margin-top: 10px;
	text-align: center;
}
.basic_form .form_message > div {
	display: inline;
}
.basic_form input[type="date"],
.basic_form input[type="email"],
.basic_form input[type="file"],
.basic_form input[type="tel"],
.basic_form input[type="text"],
.basic_form textarea,
.basic_form select {
	 border: 1px solid #DADADA;
	 color: #888;
	 height: 20px;
	 margin-bottom: 6px;
	 margin-right: 6px;
	 margin-top: 2px;
	 outline: 0 none;
	 padding: 3px 3px 3px 5px;
	 width: 50%;
	 font-size: 14px;
	 line-height:15px;
	 box-shadow: inset 0px 1px 4px #ECECEC;
	 -moz-box-shadow: inset 0px 1px 4px #ECECEC;
	 -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic_form input[type="checkbox"],
.basic_form label > div {
	margin-left: 6px;
	margin-top: 6px;
	width: auto;
}
.basic_form input[type="tel"],
.basic_form input[type="text"].input_date {
	width: 100px;
}
.basic_form textarea{
	 padding: 5px 3px 3px 5px;
	 height:100px;
}
.basic_form select {
	 appearance: normal;
	 -webkit-appearance: none; 
	 -moz-appearance: normal;
	 text-indent: 0.01px;
	 text-overflow: '';
	 width: 50%;
	 height: 30px;
	 line-height: 25px;
}
.basic_form  option {
	margin-bottom: 1px;
	margin-top: 1px;
}
.basic_form input[type="submit"],
.basic_form input[type="reset"] {
	margin-top: 10px;
	margin-right: 10px;
	width: auto;
}


/* DYNAMIC CHECKBOX */
.dynamic_checkbox {
	width: 20px;	
	//margin: 20px auto;
	position: relative;
}

.dynamic_checkbox input[type=checkbox] {
	visibility: hidden;
}

.dynamic_checkbox span {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;
	margin-left: -15px;
	margin-top: 5px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #666 100%);
	background: -moz-linear-gradient(top, #222 0%, #666 100%);
	background: -o-linear-gradient(top, #222 0%, #666 100%);
	background: -ms-linear-gradient(top, #222 0%, #666 100%);
	background: linear-gradient(top, #222 0%, #666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#666', GradientType=0 );
}

.dynamic_checkbox span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.dynamic_checkbox span:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.dynamic_checkbox input[type=checkbox]:checked + span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* -------------------------------------------------------------
13. PAGINATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#pg
{
	width: 400px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	margin: 0 auto;
	margin-top: 1em;
	padding: 10px;
}

	#pg a
	{
		font-size: 11px;
		text-decoration: none;
		color: #000000;
		border: 1px solid #dddddd;
		padding: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

	}

		#pg a:hover
		{
			font-size: 11px;
			text-decoration: none;
			color: #000000;
			border: 1px solid #A7A7A7;
			background-color: white;
			padding: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;

		}

			#pg a.current
			{
				font-size: 10px;
				text-decoration: none;
				color: #FFF;
				border: 1px solid #50b948;
				background-color: #50b948;
				padding: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;

			}

	#pg span.disabled
	{
		font-size: 10px;
		text-decoration: none;
		color: #C6C7C7;
		border: 1px solid #C6C7C7;
		background-color: white;
		padding: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

	}


/* -------------------------------------------------------------
14. FLUID LAYOUT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/****************************************
.layout-fluid #nav ul,
.layout-fluid #body,
.layout-fluid #header .pad,
.layout-fluid #footer
{
	max-width: 1200px;
}

.layout-fluid .pad    { width: auto; }
.layout-fluid #nav ul { width: 95%; }
.layout-fluid #body   { width: 95%; }
.layout-fluid #footer { width: 95%; }

.layout-fluid #main
{
	width: auto !important;
	margin-bottom: 3em;
	margin-right: 330px;
	float: none !important;
}

.layout-fluid #sidebar
{
	width: 300px;
	position: absolute;
	right: 0;
	top: 65px;
	margin-bottom: 3em;
}

.layout-fluid #info { right: 25px; top: 30px; }
.layout-fluid #header h1 { margin-left: 5px;  }
.layout-fluid #header .pad { padding-left: 30px;}
****************************************/


/* -------------------------------------------------------------
15. MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* new clearfix */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear { clear: both; }

.hide { display: none; }

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* Create a table view with div's */
.div_grid {
	display: table;
}
.div_grid div {
	display: table-row;
}
.div_grid div div {
	display: table-cell;
}



/* -------------------------------------------------------------
16. SIDEBAR NOTIFICATIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#quick-info { padding: 0; margin: 0; }

#quick-info li { width: 49%; list-style-type: none; float: left; margin-bottom: 1.5em; }

#quick-info li a
{
	background: url(/css/images/email.png) no-repeat 0 0;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 2px;
}

.qi-orders a { background-image: url(/images/dashboard/silk/money.png) !important; }
.qi-messages a { background-image: url(/images/dashboard/silk/email.png) !important; }
.qi-comments a { background-image: url(/images/dashboard/silk/comments.png) !important; }
.qi-articles a { background-image: url(/images/dashboard/silk/page_white_text.png) !important; }
.qi-formSubmissions a { background-image: url(/images/dashboard/silk/lightning.png) !important; }
.qi-subscribers a { background-image: url(/images/dashboard/silk/feed.png) !important; }
.qi-questions a { background-image: url(/images/dashboard/silk/help.png) !important; }

.largeGreen { font-size: 3em; font-weight:bold; color:#3da535; }
.medGreen { font-size: 1.5em; font-weight:bold; color:#3da535; }
.regGreen { font-size: 1em; font-weight:bold; color:#3da535; line-height: 1em;}
.smallGreen { font-size: .75em; font-weight:bold; color:#3da535; line-height: .75em; }


/* -------------------------------------------------------------
17. LOGIN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#login
{
	width: 490px;
	height: 300px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -245px;
	margin-top: -190px;
}

	#login #logo
	{
		width: 225px;
		margin: 0 auto 2.25em auto;
	}

	#login form
	{
		background: #fff;
		width: 245px;
		margin: 0 auto;
		overflow: hidden;
	}

	#login .controlset
	{
		width: 90px;
		float: right;
	}


/* -------------------------------------------------------------
18. GALLERY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#gallery img
{
	padding: 1px; margin: 2px; border: 1px solid #CCC;
}