

/*******************************
			RESET
*******************************/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body{
	line-height: 1;
}

ol, ul{
	list-style: none;
}

blockquote, q{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after{
	content: '';
	content: none;
}

:focus{
	outline: 0;
}

ins{
	text-decoration: none;
}

del{
	text-decoration: line-through;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************************
	  BASIC TEXT STYLES
*******************************/

/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/** Basic HTML **/

body{
	font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#666666;
	background:#efefef;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:focus{
}

hr{
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

ol,ul{
	list-style-type:circle;
}

ol ol,ul ul{
	font-style:italic;
	margin-bottom:0;
}

ol{
	list-style-type:decimal;
}

ol ol{
	list-style-type:lower-latin;
}

ol,ul,blockquote,pre,li{
	margin-left: 30px;
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{
	margin-bottom: 20px;
}

blockquote{
	padding: 5px 25px 5px 0; font-style:italic;
}

blockquote p{
	border-left: 2px solid #cccccc; padding-left: 25px;
}

dt{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
 
dd{
	padding: 0;
}

/** Headings **/

h1{
	font-size: 25px;
}

h2{
	font-size: 23px;
}

h3{
	font-size: 21px;
}

h4{
	font-size: 19px;
}

h5{
	font-size: 17px;
}

h6{
	font-size: 15px;
}

/*******************************
	 BASIC STYLES
*******************************/

.inner{
	width:960px;
	margin:0 auto;
	display:block;
}

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0px;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix {
	*display:inline-block;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.left{
	float:left;
}

.right{
	float:right;
}



/*******************************
		STYLESWITCHER
*******************************/

		
ul#switcher{
	position:fixed;
	text-indent:-9999px;
	left:10px;
	top:199px;
	background:#fff;
	padding:0 10px;
	border:1px solid #ccc;
	list-style:none;
	margin:0;
}

ul#switcher li{
	width:22px;
	height:22px;
	margin:10px 0 10px 0;
	padding:0;
}

ul#switcher li a{
	display:block;
	width:20px;
	height:20px;
	padding:0;
	margin:0;
}

a[rel=blue]{
	background:url(../img/colour_schemes/blue/button_bg.png) repeat-x top left #4e7a82;
	border:1px solid #3e6268;
}

a[rel=darkgreen]{
	background:url(../img/colour_schemes/darkgreen/button_bg.png) repeat-x top left #3a7045;
	border:1px solid #2f5f39;
}

a[rel=hotpink]{
	background:url(../img/colour_schemes/hotpink/button_bg.png) repeat-x top left #e23680;
	border:1px solid #d1256e;
}

a[rel=lime]{
	background:url(../img/colour_schemes/lime/button_bg.png) repeat-x top left #8db12f;
	border:1px solid #729318;
}

a[rel=mint]{
	background:url(../img/colour_schemes/mint/button_bg.png) repeat-x top left #42a674;
	border:1px solid #3b9668;
}

a[rel=orange]{
	background:url(../img/colour_schemes/orange/button_bg.png) repeat-x top left #e06819;
	border:1px solid #cd5f16;
}

a[rel=pink]{
	background:url(../img/colour_schemes/pink/button_bg.png) repeat-x top left #ae2471;
	border:1px solid #891b58;
}

a[rel=purple]{
	background:url(../img/colour_schemes/purple/button_bg.png) repeat-x top left #745391;
	border:1px solid #674c80;
}

a[rel=red]{
	background:url(../img/colour_schemes/red/button_bg.png) repeat-x top left #d33831;
	border:1px solid #ab322d;
}

a[rel=salmon]{
	background:url(../img/colour_schemes/salmon/button_bg.png) repeat-x top left #ca524c;
	border:1px solid #ab322d;
}

a[rel=skyblue]{
	background:url(../img/colour_schemes/skyblue/button_bg.png) repeat-x top left #3e88c3;
	border:1px solid #2a6797;
}

a[rel=turquoise]{
	background:url(../img/colour_schemes/turquoise/button_bg.png) repeat-x top left #139088;
	border:1px solid #0f7b74;
}

a[rel=violet]{
	background:url(../img/colour_schemes/violet/button_bg.png) repeat-x top left #a44aa3;
	border:1px solid #882587;
}


/*******************************
		LOGIN STYLES
*******************************/

div#login_container {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 450px;
   height: 450px;
   margin-top: -225px; /* Half the height */
   margin-left: -225px; /* Half the width */
}

	div#login{
		margin-bottom:10px;
	}
	
			div#login a.button{
				float:right;
			}
	
	div#login p.notification{
		width:379px;
	}

/*******************************
	 HEADER STYLES
*******************************/

div#header{
	height:169px;
}
	
	div.repeating_bg{
		position:absolute;
		width:50%;
		height:121px;
		top:0;
		right:0;
		z-index:1;
	}

	div#header .inner{
		padding:18px 0 0;
		z-index:5;
		position:relative;
		height:103px;
	}

	/** Logo **/
	
	h1#logo{
	color:#FFFFFF;
	font-weight:bold;
	font-size:30px;
	line-height:30px;
	float:left;
	width:560px;
	height:40px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	}
	
	
	/** Control Panel **/
	
	div#control{
	float:left;
	width:360px;
	margin:0 10px 0;
	text-align:right;
	list-style:none;
	font-size:13px;
	height:40px;
	}
		
		div#control li p{
			margin:0 15px 0 0;
			padding:0;
			font-weight:normal;
		}
		
			div#control li p a{
				color:#ffffff;
				text-decoration:none;
				font-weight:bold;
			}
			
			div#control p a:hover{
				text-decoration:underline;
			}
			
		div#control ul{
			font-weight:bold;
			list-style:none;
			margin:0;
			height:30px;
			display:inline;
		}	
			
			div#control ul li{
				display:inline-block;
				margin:0;
				height:28px;
				line-height:28px;
			}
			
			div#control ul li.control_button{
			}
				
				div#control ul li.control_button a{
					color:#ffffff;
					padding:6px 9px 6px;
					text-decoration:none;
					margin:0;
				}
			
			
				div#control ul li.control_button a:hover{
					text-decoration:none;
				}
				
				div#control ul li.first a{
				}
				
				div#control ul li.last a{
				}
			
	/** Main Navigation **/
	
	ul#navigation{
		font-size:14px;
		font-weight:bold;
		float:left;
		margin:29px 10px 0;
		padding:0;
		list-style:none;
		display:inline-block;
		height:32px;
	}
	
		ul#navigation li{
			margin:0;
			padding:0;
			height:32px;
			line-height:32px;
			float:left;
		}
		
			ul#navigation li a{
				color:#ffffff;
				text-decoration:none;
				height:33px;
				padding:0 10px;
				margin:0;
				display:inline-block;
			}
			
			ul#navigation li a:hover{
			}
			
			ul#navigation li a.current{
				color:#555555;
				text-shadow:none;
				text-decoration:none;
				background:#ffffff;
				border:1px solid #ffffff;
				border-bottom:0;
				height:33px;
				padding:3px 10px 0;
				margin:-4px -1px 0 -1px;
				display:inline-block;
				z-index:9999;
				position:relative;
			}
			
			ul#navigation li a.current:hover{
				color:#555555;
				background:#ffffff;
			}
			
			ul#navigation li:first-child a{
				border-left:none;
			}
			
			ul#navigation li:last-child a{
				border-right:none;
			}

			
	ul#subnavigation{
		clear:left;
		margin:0 10px;
		padding:0;
		list-style:none;
		font-size:12px;
	}
	
		ul#subnavigation li{
			display:inline;
			margin:0;
			padding:0;
		}
		
			ul#subnavigation li a{
				color:#888888;
				text-decoration:none;
				padding:15px 10px;
				display:inline-block;
			}
			
			ul#subnavigation li a.current{
				color:#555555;
			}
			
			ul#subnavigation li a:hover{
				text-decoration:underline;
			}

			
/*******************************
	 QUICK LINKS
*******************************/

ul#quicklinks{
	
	padding:0;
	list-style:none;
	*display:inline-block;
}

ul#quicklinks:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

	ul#quicklinks li{
		padding:0;
		margin:0;
		display:inline;
	}
	
		ul#quicklinks li a{
			background:#ffffff;
			border:1px solid #cccccc;
			text-align:center;
			width:98px;
			height:98px;
			display:block;
			float:left;
			margin:0 10px 0;
			text-decoration:none;
			color:#888888;
			position:relative;
		}
		
		ul#quicklinks li a:hover{
			border:1px solid #aaaaaa;
			color:#555555;
		}
		
			ul#quicklinks li a img{
				margin:20px 31px 10px;
				height:32px;
				width:32px;
				display:block;
			}
			
			ul#quicklinks li a span.notify{
				position:absolute;
				top:-5px;
				right:-5px;
				font-size:10px;
				line-height:10px;
				border:1px solid #b11d1d;
				background:url('../img/notify_bg.png') repeat-x;
				border-radius:10px;
				-moz-border-radius:10px;
				padding:2px 4px;
				color:#ffffff;
				text-align:center;
			}
			
			
/*******************************
	 BOXES
*******************************/

.onethird,
.twothirds,
.half,
.full{
	margin:0 10px;
	float:left;
	position:relative;
	display:inline;
}
 
.onethird{
	width:310px;
}

.twothirds{
	width:610px;
}
 
.half{
	width:460px;
}
 
.full{
	width:940px;
}

.box{
	margin-bottom:20px;
}

	.box_header{
		background:url('../img/box_header_bg.png') repeat-x #ededed;
		border:1px solid #cccccc;
		*display:inline-block;
	}
	
	.box_header:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
	
		.box_header h2{
			margin:0;
			line-height:41px;
			font-size:14px;
			color:#656565;
			margin-left:15px;
			display:inline;
			float:left;
		}
		
		.box_header a.link{
			list-style:none;
			margin:0 15px 0 0;
			padding:0;
			float:right;
			font-size:12px;
			text-decoration:none;
			color:#888888;
			line-height:41px;
		}
		
		.box_header a.link:hover{
			text-decoration:underline;
		}
		
		.box_header ul.acao{
			list-style:none;
			margin:0 5px 0 0;
			padding:0;
			float:right;
			font-size:12px;
			display:inline;
		}
		
		.box_header ul.acao li{
				display:inline;
				line-height:41px;
				border-left:1px dotted #cccccc;
				padding:0 10px;
				margin:0;
			}
			
			.box_header ul.acao li:first-child{
				border:0;
			}
			
				.box_header ul.acao li a{
					text-decoration:none;
					color:#888888;
				}
				
				.box_header ul.acao li a.current{
					color:#656565;
					font-weight:bold;
				}
				
				.box_header ul.acao li a:hover{
					text-decoration:underline;
				}
		
		.box_header ul.tabs{
			list-style:none;
			margin:0 5px 0 0;
			padding:0;
			float:right;
			font-size:12px;
			display:inline;
		}
		
			.box_header ul.tabs li{
				display:inline;
				line-height:41px;
				border-left:1px dotted #cccccc;
				padding:0 10px;
				margin:0;
			}
			
			.box_header ul.tabs li:first-child{
				border:0;
			}
			
				.box_header ul.tabs li a{
					text-decoration:none;
					color:#888888;
				}
				
				.box_header ul.tabs li a.current{
					color:#656565;
					font-weight:bold;
				}
				
				.box_header ul.tabs li a:hover{
					text-decoration:underline;
				}
	
	.box_content{
		background:#ffffff;
		border:1px solid #cccccc;
		border-top:0;
		padding:15px 15px 0 15px;
		display:block;
		*display:inline-block;
	}
	
	.box_content:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
	
	
		
/*******************************
	FOOTER
*******************************/


div#footer{
	width:940px;
	margin:0 10px;
	font-size:11px;
	color:#888888;
	display:block;
	clear:left;
}

	div#footer p.left,
	div#footer p.right{
	border-top:1px solid #cccccc;
		width:50%;
		float:left;
		padding:10px 0;
	}
	
	div#footer p.right{
		text-align:right;
	}

		
/*******************************
	 STATISTICS
*******************************/


ul#statistics{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

	ul#statistics li{
		padding:5px 0 3px 0;
		margin:0;
		border-bottom:1px solid #dddddd;
	}
	
	ul#statistics li:last-child{
		border:0;
	}
	
		ul#statistics li img{
			float:left;
			margin:0 15px 0 0;
		}


	
/*******************************
	  NOTIFICATION STYLES
*******************************/

p.notification{
	display:block;
	padding:7px 7px 7px 30px;
	position:relative;
	border:1px solid;
	zoom:1;
}

	p.notification a.close{
		position:absolute;
		top:0px;
		right:7px;
	}
	
	/**Firefox**/
	@-moz-document url-prefix() { p.notification a.close{
		top:7px;
	}}
      
.warning {
	background: #fffbcc url('../img/error.png') 7px 8px no-repeat;
	border-color: #E6DB55 !important;
	color: #666452;
}

.information {
	background: #dbe3ff url('../img/information.png') 7px 8px no-repeat;
	border-color: #a2b4ee !important;
	color: #585b66;
}

.success {
	background: #d5ffce url('../img/tick.png') 7px 8px no-repeat;
	border-color: #9adf8f !important;
	color: #556652;
}

.error {
	background: #ffcece url('../img/exclamation.png') 7px 8px no-repeat;
	border-color: #df8f8f !important;
	color: #665252;
}
		
/*******************************
	IMAGES
*******************************/


ul#images{
	margin:0 -5px 5px;
	padding:0;
	list-style:none;
}

	ul#images li{
		margin:0;
		padding:0 5px 10px;
		display:inline-block;
		position:relative;
		zoom:1;
		*display:inline;
		*padding:0 7px 10px;
	}
	
		ul#images li img{
			border:1px solid #c3c7cb;
			padding:2px;
		}
		
		ul#images li img:hover{
			cursor:pointer;
		}
		
		ul#images li ul{
			margin:0;
			padding:0;
			position:absolute;
			top:36px;
			left:38px;
		}	
		
			ul#images li ul li{
				display:block;
				padding:0;
			}
			
				ul#images li ul li a{
					color:#ffffff;
					text-decoration:none;
					line-height:27px;
					height:27px;
					padding:0 17px;
					margin:0;
					display:block;
					font-weight:bold;
					font-style:normal;
					font-size:13px;
					width:33px;
				}
				
				ul#images li ul li:last-child a{
					border-top:none;
				}

				ul#images li ul li a:hover{
					opacity:1;
				}
				
				
		
/*******************************
	TABULAR DATA
*******************************/

 
 /** Fallback **/

table{
}

table tr th{
	padding:5px 15px;
	text-align:left;
}

table td,table th{
	padding: 5px 7px;
	vertical-align:middle;
	line-height:24px;
}

table th,
table td{
	border:1px solid #DDDDDD;
}

table td{
	padding: 7px 15px;
	background-color: #FFF;
	vertical-align: top;
	line-height:20px;
	background:#FFFFFF;
}

/** Data Table **/
 
 table#data{
 	width:100%;
	border-collapse:collapse;
 }
 
	 table#data thead{
	 	text-align:left;
	 }
	 
		 table#data thead tr{
		 }
		 
			 table#data thead tr th{
			 	padding:6px 8px;
				border-left:1px solid #dddddd;
		 		border-bottom:1px solid #bfc4c8;
			border-right:0;
			border-top:0;
			 }
			 
			 table#data thead tr th.check{
			 	width:19px;
			 }
			 
			 table#data thead tr th.actions{
			 	width:67px;
			 }
			 
			 table#data thead tr th:first-child{
			 	border-left:0;
			 }

			 
	 table#data tbody{
	 	line-height:16px;
	 }
	 
		 
		 table#data tbody tr:last-child td{
		 	border-bottom:1px solid #bfc4c8;
		 }
		 
			 table#data tbody tr td{
			 	padding:6px 8px;
				border-left:1px solid #dddddd;
		 	border-bottom:1px solid #dddddd;
			border-right:0;
			 }
			 
			 table#data tbody tr:last-child td{
		 	border-bottom:1px solid #bfc4c8;
		 }
			 
			 table#data tbody tr td:first-child{
			 	border-left:0;
			 }
			 
	table#data div.checker{
		margin:0;
		vertical-align:text-top;
		height:16px;
	}
			 
	ul.actions{
		margin:0;
		padding:0;
		list-style:none;
		cursor:pointer;
	}
	
		ul.actions li{
			display:inline;
			margin:0 0 0 3px;
		}
		
			ul.actions li a{
				
			}
			
				ul.actions li a img{
					vertical-align:text-bottom;
					background: #ffffff;
				}
			 
		
/*******************************
	PAGINATION
*******************************/

div.batch{
	float:left;
	*margin-bottom:-20px;
}
 
ul.pagination{
	margin:0 0 20px 0;
	*margin-bottom:-0px;
	padding:0;
	list-style:none;
	float:right;
	display:inline;
}

	ul.pagination li{
		margin:0 0 0 10px;
		display:inline;
	}
	
		ul.pagination li a{
			padding:2px 12px;
			font-weight:bold;
			text-decoration:none;
			color:#565656;
			cursor:pointer;
			line-height:20px;
			display:inline-block;
			background:url(../img/button_bg_white.png) repeat-x bottom left;
			border:1px solid #CCCCCC;
			line-height:22px;
		}
		
		ul.pagination li a.current{
		padding:2px 12px;
		font-weight:bold;
		text-decoration:none;
		cursor:pointer;
		line-height:20px;
		display:inline-block;
		color:#ffffff;
		line-height:22px;
		}
		
		
/*******************************
		FORM STYLES
*******************************/

/** Global Form Styles **/

form ul{
	list-style:none;
	margin:0;
	padding:0;
}

	form ul li{
		list-style:none;
		margin:0 0 5px 0;
		padding:0;
	}

		form ul li ul{
			margin:0 0 20px 0;
		}
		
div.checker span, div.radio span, div.uploader, div.uploader span.action{
	background-image:url(../img/form_sprite.png);
	background-repeat:no-repeat;
}

.radio, .checker, .uploader, .radio *, .checker *, .uploader *{
	margin:0;
	padding:0;
}

.radio input:focus, .checker input:focus, .uploader input:focus{
	outline:0;
}

/** LABELS **/
			
label{
	clear:left;
	display:block;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}

label.inline{
	display:block;
	margin-bottom:10px;
	font-weight:normal;
	font-style:normal;
}

/** INPUTS **/

input{
	background:#ffffff;
	border:1px solid #bfc4c8;
	margin-bottom:20px;
	padding:5px;
	color:#666666;
}

	/** Quick Form Messages **/
	
	p.quick_info{
		font-size:11px;
		margin:-15px 0 0;
		color:#888888;
	}
	
	span.quick_error,
	span.quick_success{
		margin:0 0 0 15px;
		padding:0 0 0 20px;
		font-size:12px;
		vertical-align:text-top;
		height:16px;
	}
	
	span.quick_success{
		background: url('../img/tick.png') no-repeat top left;
	}
	
	span.quick_error{
		background: url('../img/exclamation.png') no-repeat left center;
	}

	/** Text Inputs **/
	
	input[type=text].small{
		width:300px;
	}
	
	input[type=text].medium{
		width:570px;
	}
	
	input[type=text].large{
		width:900px;
	}
	
	/** Buttons **/
	
	.button{
		padding:2px 12px;
		font-weight:bold;
		text-decoration:none;
		cursor:pointer;
		line-height:20px;
		display:inline-block;
		margin:0 0 20px 0;
		color:#ffffff;
		line-height:22px;
		zoom:1;
	}
	
	.button2 {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    margin: 0 0 5px;
    padding: 2px 8px;
    text-decoration: none;
	}

	.button:hover{
		text-decoration:none;
	}
	
	.button2:hover{
		text-decoration:none;
	}
		
	button {
		overflow:visible;
		width:auto;
	}
	
	input[type=submit]{
		font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
		font-weight:bold;
		padding:4px 12px 3px;
	}
	
	button.button,
	button.button2,
	button.button_white{
		font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
		font-weight:bold;
		padding:4px 12px 3px;
	}
	
	.button_white{
		padding:2px 12px;
		font-weight:bold;
		text-decoration:none;
		color:#565656;
		cursor:pointer;
		line-height:20px;
		display:inline-block;
		margin:0 0 20px 0;
		background:url(../img/button_bg_white.png) repeat-x bottom left;
		border:1px solid #CCCCCC;
		line-height:22px;
		zoom:1;
		*display:inline;
	}
	
	.button2_white{
		padding:2px 12px;
		font-weight:bold;
		text-decoration:none;
		color:#565656;
		cursor:pointer;
		line-height:20px;
		display:inline-block;
		margin:0 0 20px 0;
		background:url(../img/button_bg_white.png) repeat-x bottom left;
		border:1px solid #CCCCCC;
		line-height:22px;
		zoom:1;
		*display:inline;
	}
	
	.button_white:hover{
		background:#ffffff;
		text-decoration:none;
	}
	
	.button2_white:hover{
		background:#ffffff;
		text-decoration:none;
	}
		
/** File Input **/
	
		/** Fallback **/

		input.file{
			border:0;
			padding:0;
			cursor:pointer;
		}
		
		/** Jquery enhanced version **/
		
			.uploader *{
				margin:0;
				padding:0;
			}
		
		div.uploader{
			cursor:pointer;
			margin-bottom:20px;
			width:248px;
			cursor:default;
			float:left;
			overflow:hidden;
			position:relative;
			background-position:0px -38px;
			height:29px;
			cursor:pointer;
		}
		
		div.uploader span.action{
			background-color:#fff;
			cursor:pointer;
			font-size:12px;
			text-align:center;
			text-shadow:#fff 0px 1px 0px;
			width:95px;
			padding:1px 0;
			cursor:pointer;
			display:inline;
			float:left;
			overflow:hidden;
			background-position:right -98px;
			height:29px;
			line-height:30px;
			font-weight:bold;
			color:#767676;
		}
		
		div.uploader span.filename{
			border-right:solid 1px #cccccc;
			font-size:12px;
			width:130px;
			cursor:default;
			display:block;
			float:left;
			overflow:hidden;
			padding:0px 10px;
			text-overflow:ellipsis;
			white-space:nowrap;
			height:29px;
			line-height:30px;
			margin:1px 0px 1px 2px;
		}
		
		div.uploader input{
			padding:5px;
			width:238px;
			border:none;
			bottom:0;
			cursor:default;
			float:right;
			height:25px;
			opacity:0;
			position:absolute;
			right:0;
			top:0;
		}
		
		div.uploader.focus,
		div.uploader.hover,
		div.uploader:hover{
			background-position:0px -38px;
		}
		
		div.uploader.focus span.action,
		div.uploader.hover span.action,
		div.uploader:hover span.action{
			background-position:right -158px;
		}
		
		div.uploader.active span.action,
		div.uploader:active span.action{
			background-position:right -158px;
		}
		
		div.uploader.focus.active span.action,
		div.uploader:focus.active span.action,
		div.uploader.focus:active span.action,
		div.uploader:focus:active span.action{
			background-position:right -158px;
		}
		
		div.uploader.disabled{
			background-position:0px -38px;
		}
			
			div.uploader.disabled span.filename{
				border-color:#ddd;
				color:#aaa;
			}
			
			div.uploader.disabled span.action{
				background-position:right -128px;
				color:#aaa;
			}
	
/** TEXTAREA **/

	/** Fallback **/
	
	textarea{
		background:#ffffff;
		border:1px solid #CCCCCC;
		margin-bottom:20px;
		padding:7px;
		resize:vertical;
		font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
		color:#666666;
	}
	
	/** Textarea Limit **/
	
	textarea.limit{
		/*width:50%;
		height:80px;*/
	}
	
	/** WYSIWYG Editor **/
	
	div.jHtmlArea{
		border:solid 1px #ccc;
		display:block;
		height:220px;
		margin-bottom:20px;
		padding-bottom:1px;
	}
	
		div.jHtmlArea div{
			margin:0px;
			padding:0px;
			position:relative;
		}
	
		div.jHtmlArea textarea{
			border:0;
			margin:0;
			padding:0;
			resize:none;
			width:100%;
		}
	
			div.jHtmlArea div iframe{
				background:#FFFFFF url(http://www.qwibbledesigns.co.uk/demo/Stunning_Admin/images/input_bg.png) repeat-x;
				width:100%;
				height:188px !important;
			}
	
				div.jhtmlArea div iframe body{
					margin:0;
					overflow-x:hidden;
					padding:7px;
				}
	
		div.jHtmlArea .ToolBar{
			background:url(../img/textarea_header_bg.png) repeat-x bottom left;
			border-bottom:1px solid #cccccc;
			display:block;
		}
	
			div.jHtmlArea .ToolBar ul:first-child{
				border:0;
			}
	
			div.jHtmlArea .ToolBar ul{
				border-left:solid 1px #ccc;
				float:left;
				margin:5px 2px 0px 2px;
				padding:1px 4px 1px 6px;
			}
	
				div.jHtmlArea .ToolBar ul li{
					border:none;
					float:left;
					list-style-type:none;
					margin:1px;
					padding:1px 1px 6px 1px;
				}
	
				div.jHtmlArea .ToolBar ul li:hover{
					border:solid 1px #ccc;
					padding:0;
				}
	
					div.jHtmlArea .ToolBar ul li a{
						background:transparent url(../img/jHtmlArea.png) no-repeat -16px -500px;
						border:none;
						cursor:pointer;
						display:block;
						height:16px;
						padding:0px;
						width:16px;
					}
	
					div.jHtmlArea .ToolBar ul li a.highlighted{
						border:solid 1px #aaa;
						padding:0;
					}
	
					div.jHtmlArea .ToolBar ul li a:hover{
					}
	
					div.jHtmlArea .ToolBar ul li a.bold{
						background-position:0 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.italic{
						background-position:-16px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.underline{
						background-position:-32px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.strikethrough{
						background-position:-48px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.link{
						background-position:-64px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.unlink{
						background-position:-80px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.orderedlist{
						background-position:-96px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.unorderedlist{
						background-position:-112px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.image{
						background-position:-128px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.cut{
						background-position:-144px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.copy{
						background-position:-160px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.paste{
						background-position:-176px 0;
					}
					
					div.jHtmlArea .ToolBar ul li a.html{
						background-position:-192px 0;
						filter:alpha(opacity=60);
						opacity:0.6;
					}
					
					div.jHtmlArea .ToolBar ul li a.html.highlighted{
						filter:alpha(opacity=100);
						opacity:1.0;
					}
					
					div.jHtmlArea .ToolBar ul li a.h1{
						background-position:0 -16px;
					}
					
					div.jHtmlArea .ToolBar ul li a.h2{
						background-position:-16px -16px;
					}
					
					div.jHtmlArea .ToolBar ul li a.h3{
						background-position:-32px -16px;
					}
					
					div.jHtmlArea .ToolBar ul li a.h4{
						background-position:-48px -16px;
					}
					
					div.jHtmlArea .ToolBar ul li a.h5{
						background-position:-64px -16px;
					}
					
					div.jHtmlArea .ToolBar ul li a.h6{
					background-position:-80px -16px;
				}
				
				div.jHtmlArea .ToolBar ul li a.subscript{
					background-position:-96px -16px;
				}
				
				div.jHtmlArea .ToolBar ul li a.superscript{
					background-position:-112px -16px;
				}
				
				div.jHtmlArea .ToolBar ul li a.indent{
					background-position:-128px -16px;
				}
				
				div.jHtmlArea .ToolBar ul li a.outdent{
					background-position:-144px -16px;
				}
				
				div.jHtmlArea .ToolBar ul li a.horizontalrule{
					background-position:-160px -16px;
				}
				
				div.jHtmlArea .ToolBar ul li a.p{
					background-position:-176px -16px;
				}
				
				div.jHtmlArea .ToolBar ul li a.justifyleft{
					background-position:0 -32px;
				}
				
				div.jHtmlArea .ToolBar ul li a.justifycenter{
					background-position:-16px -32px;
				}
				
				div.jHtmlArea .ToolBar ul li a.justifyright{
					background-position:-32px -32px;
				}
				
				div.jHtmlArea .ToolBar ul li a.increasefontsize{
					background-position:-47px -32px;
				}
				
				div.jHtmlArea .ToolBar ul li a.decreasefontsize{
					background-position:-63px -32px;
				}
				
				div.jHtmlArea .ToolBar ul li a.forecolor{
					background-position:-79px -32px;
				}
				
				/** Colorpicker dropdown menu **/
				
				div.jHtmlAreaColorPickerMenu {
					border: solid 1px #bbb; 
					background-color: #ddd; 
					width: 112px;
				}
				
					div.jHtmlAreaColorPickerMenu div {
						float: left; 
						margin: 2px; 
						width: 12px; 
						height: 14px;
					}
					
					div.jHtmlAreaColorPickerMenu div:hover {
						margin: 0px; 
						border: dotted 2px black;
					}
				
					div.jHtmlAreaColorPickerMenu div.automatic { 
						width: 104px; 
						height: auto; 
						padding: 2px;
					}
					
						div.jHtmlAreaColorPickerMenu div.automatic div { 
							margin: 2px; 
							width: 12px; 
							height: 14px;  
							border: solid 1px black;
						}
		
/** SELECT **/

	/** Fallback **/
	
	select{
		margin-bottom:20px;
		cursor:pointer;
	}
	
	/** Jquery Enhanced version **/

		.stylish-select ul.newList{
			left:-9999px;
		}

			ul.newList *{
				margin:0;
				padding:0;
			}

			ul.newList a{
				color:#000;
				display:block;
				text-decoration:none;
			}
		
		ul.newList{
			background:#fff;
			border:1px solid #ccc;
			color:#656565 !important;
			left:0px;
			list-style:none;
			margin:0 0 0 -1px;
			overflow:auto;
			padding:0;
			position:absolute;
			top:33px;
			width:242px;
			font-style:normal;
			z-index:9999;
		}

	.newListSelected{
		background:#ffffff;
		border:1px solid #CCCCCC;
		color:#000;
		float:left;
		height:26px;
		line-height:26px;
		margin:0 10px 20px 0;
		padding:0 0 0 7px;
		width:235px;
		position:relative;
		z-index:5000;
	}

		.newListSelected span{
			display:block;
			width:254px;
		}

			ul.newList li{
				margin:0;
				font-style:normal;
			}

				ul.newList li a{
					display:block;
					line-height:20px;
					padding:3px 8px 3px 8px;
					color:#666666 !important;
				}
				
				ul.newList li ul li a{
					padding:3px 8px 3px 18px;
				}

				ul.newList li a:focus{
					-moz-outline-style:none;
				}
			
		.selectedTxt{
			background:url(../img/select_button.png) no-repeat center right;
			color:#666666;
			height:26px;
			overflow:hidden;
			padding:0;
			width:235px;
			cursor:pointer;
		}

				.hiLite{
					background:#ededed!important;
				}

				.hiLite a{
					background:#ededed!important;
				}

				.newListHover{
					background:#e6e6e6!important;
					color:#666666 !important;
					cursor:default;
				}

	.newListSelHover, .newListSelFocus{
		cursor:default;
	}

			.newListOptionTitle{
				font-weight:bold;
				text-indent:10px;
			}

				.newListOptionTitle ul{
					margin:0 0 0 0;
					text-indent:0px;
				}

					.newListOptionTitle li{
						font-weight:normal;
					}

/** CHECKBOXES **/

	/** Fallback **/
	
	input[type=checkbox]{
		margin:0 10px 0 0;
		cursor:pointer;
	}
	
	/** Jquery enhanced version **/
	
	div.checker{
		height:19px;
		width:19px;
		margin-right:10px;
		float:left;
		position:relative;
		cursor:pointer;
   		vertical-align: bottom;
		z-index:100;
	}
	
		div.checker input{
			height:19px;
			width:19px;
			background:none;
			display:inline-block;
			opacity:0;
			margin:0;
			zoom:1;
			*display:inline;
		}
		
		div.checker span{
			background-position:0px 0px;
			height:19px;
			width:19px;
			display:block;
			float:left;
			text-align:center;
		}
		
		div.checker:active span, 
		div.checker.active span{
			background-position:-19px 0px;
		}
		
		div.checker.focus span,
		div.checker:hover span{
			background-position:-38px 0px;
		}
		
		div.checker.focus:active span,
		div.checker:active:hover span,
		div.checker.active:hover span,
		div.checker.focus.active span{
			background-position:-57px 0px;
		}
		
		div.checker span.checked{
			background-position:-76px 0px;
		}
		
		div.checker:active span.checked, 
		div.checker.active span.checked{
			background-position:-95px 0px;
		}
		
		div.checker.focus span.checked,
		div.checker:hover span.checked{
			background-position:-114px 0px;
		}
		
		div.checker.focus:active span.checked,
		div.checker:hover:active span.checked,
		div.checker.active:hover span.checked,
		div.checker.active.focus span.checked{
			background-position:-133px 0px;
		}
		
		div.checker.disabled span,
		div.checker.disabled:active span,
		div.checker.disabled.active span{
			background-position:-152px -0px;
		}
		
		div.checker.disabled span.checked,
		div.checker.disabled:active span.checked,
		div.checker.disabled.active span.checked{
			background-position:-171px -0px;
		}
	
/** RADIOBUTTONS **/

	/** Fallback **/
	
	input[type=radio]{
		margin:0;
		cursor:pointer;
		margin:0 10px 0 0;
	}

	/** Jquery enhanced version **/
	
	div.radio{
		height:18px;
		width:18px;
		margin-right:10px;
		float:left;
		position:relative;
		cursor:pointer;
		z-index:100;
	}
	
		div.radio input{
			height:18px;
			width:18px;
			background:none;
			display:inline-block;
			opacity:0;
			text-align:center;
			margin:0;
		}
		
		div.radio span{
			background-position:0px -19px;
			height:18px;
			width:18px;
			display:block;
			float:left;
			text-align:center;
		}
	
		div.radio:active span, 
		div.radio.active span{
			background-position:-18px -19px;
		}
		
		div.radio.focus span, 
		div.radio:hover span{
			background-position:-36px -19px;
		}
		
		div.radio.focus:active span,
		div.radio:active:hover span,
		div.radio.active:hover span,
		div.radio.active.focus span{
			background-position:-54px -19px;
		}
		
		div.radio span.checked{
			background-position:-72px -19px;
		}
		
		div.radio:active span.checked,
		div.radio.active span.checked{
			background-position:-90px -19px;
		}
		
		div.radio.focus span.checked, div.radio:hover span.checked{
			background-position:-108px -19px;
		}
		
		div.radio.focus:active span.checked, 
		div.radio:hover:active span.checked,
		div.radio.focus.active span.checked,
		div.radio.active:hover span.checked{
			background-position:-126px -19px;
		}
		
		div.radio.disabled span,
		div.radio.disabled:active span,
		div.radio.disabled.active span{
			background-position:-144px -19px;
		}
		
		div.radio.disabled span.checked,
		div.radio.disabled:active span.checked,
		div.radio.disabled.active span.checked{
			background-position:-162px -19px;
		}
		
		
/*******************************
		GRAPHS
*******************************/
		
.visualize{
	border: 1px solid #bfc4c8; 
	position: relative; 
	background: #ffffff; 
	margin:25px 25px 40px;
}

.visualize canvas{
	position: absolute;
}

.visualize ul,
.visualize li{
	margin: 0;
	padding: 0;
}

/*table title, key elements*/
.visualize .visualize-info{
	padding: 3px 5px;
	background: #ffffff;
	border: 1px solid #bfc4c8;
	position: absolute;
	top: -20px;
	right: 10px;
	opacity: .8;
}

.visualize .visualize-title{ 
	display: block; 
	margin-bottom: 3px;
}

	.visualize ul.visualize-key{ 
		list-style: none;  
	}

		.visualize ul.visualize-key li {
			list-style: none; 
			float: left; 
			margin-right: 10px; 
			padding-left: 10px; 
			position: relative;
		}

			.visualize ul.visualize-key .visualize-key-color{ 
				width: 6px; 
				height: 6px; 
				left: 0; 
				position: absolute; 
				top: 50%; 
				margin-top: -3px;
			}

			.visualize ul.visualize-key .visualize-key-label{}

/*pie labels*/
.visualize-pie .visualize-labels{
	list-style: none;
}

.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label{
	position: absolute;
	margin: 0;
	padding:0;
}

.visualize-pie .visualize-label{
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}

.visualize-pie-outside .visualize-label{
	font-weight: normal;
}

/*line,bar, area labels*/
.visualize-labels-x,
.visualize-labels-y{
	position: absolute; left: 0; top: 0; list-style: none; }
	
	.visualize-labels-x li,
	.visualize-labels-y li{ 
		position: absolute; 
		bottom: 0; 
	}
		
		.visualize-labels-x li span.label,
		.visualize-labels-y li span.label{
			position: absolute;
		}
		
		.visualize-labels-x li span.line,
		.visualize-labels-y li span.line{  
			position: absolute; 
			border: 0 solid #d4d7d9; 
		}
	
	.visualize-labels-x li{ 
		height: 100%; 
	}
	
		.visualize-labels-x li span.label{ 
		top: 100%; 
		margin-top: 5px; 
		}
		
		.visualize-labels-x li span.line { 
			border-left-width: 1px; 
			height: 100%; 
			display: block; 
		}
		
		.visualize-labels-x li span.line { 
			border: 0; /*hide vertical lines on area, line, bar*/
		} 
		
	.visualize-labels-y li { 
		width: 100%;  
	}
	
		.visualize-labels-y li span.label { 
			right: 100%; 
			margin-right: 5px; 
			display: block; 
			width: 100px; 
			text-align: right; 
		}
		
		.visualize-labels-y li span.line { 
			border-top-width: 1px; 
			width: 100%; 
		}
	
		.visualize-bar .visualize-labels-x li span.label { 
			width: 100%; 
			text-align: center;
		}

		/*
 * FancyBox - jQuery Plugin*/

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../img/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../img/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
.botao {
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
	color:#ffffff;
	line-height:22px;
	background-color: #3C5C60;
	width: 100px;
	float: right;
}
