/*----------------------------------------------------------------------*/
/* bg/01.png http://ptrn.it/iglrOa
/* bg/02.png http://ptrn.it/ldfM3q
/* bg/03.png http://ptrn.it/jJseqP
/* bg/04.png http://ptrn.it/mkP0FP
/* bg/05.png http://ptrn.it/mntuwU
/* bg/06.png http://ptrn.it/kj7OMC
/* bg/07.png http://ptrn.it/l9Ehl8
/* bg/08.png http://ptrn.it/lOwe5N
/* bg/09.png http://ptrn.it/muLiXq
/* bg/10.png http://ptrn.it/mjwbxK
/* bg/11.png http://ptrn.it/kq6NGq
/* bg/12.png http://ptrn.it/ilzOva
/* bg/13.png http://ptrn.it/jNcpdS
/* bg/14.png http://ptrn.it/iVpjzW
/*----------------------------------------------------------------------*/


.bg01{background-image:url(images/bg/01.png);}
.bg02{background-image:url(images/bg/02.png);}
.bg03{background-image:url(images/bg/03.png);}
.bg04{background-image:url(images/bg/04.png);}
.bg05{background-image:url(images/bg/05.png);}
.bg06{background-image:url(images/bg/06.png);}
.bg07{background-image:url(images/bg/07.png);}
.bg08{background-image:url(images/bg/08.png);}
.bg09{background-image:url(images/bg/09.png);}
.bg10{background-image:url(images/bg/10.png);}
.bg11{background-image:url(images/bg/11.png);}
.bg12{background-image:url(images/bg/12.png);}
.bg13{background-image:url(images/bg/13.png);}
.bg14{background-image:url(images/bg/14.png);}



/*----------------------------------------------------------------------*/
/* Reset
/*----------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,input,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,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-weight:100;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
*{
   -webkit-text-size-adjust:none;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*----------------------------------------------------------------------*/
/* Font Declaration
/*----------------------------------------------------------------------*/

html, textarea, input, input[type=submit], button, a.btn, span, div.alert p, header{ 
	font-family:'PT Sans', sans-serif;
}
code, pre{
	font-family:"Courier New", Courier, monospace;
}
	

/*----------------------------------------------------------------------*/
/* General Section
/*----------------------------------------------------------------------*/

html, body, textarea, input { 
	font-size:12px;
	-webkit-text-size-adjust:none;
}
html{
	background-attachment:fixed;
	overflow-y:scroll;
}
a{ text-decoration:none; cursor:pointer;}
a:hover { text-decoration:underline; }
a, a:hover, a:visited, a:link {color:#000;}

::-moz-selection{ text-shadow:none; }
::selection { text-shadow:none; }

header, footer, nav, section{
	display:block;
}

h1, h2, h3, h4, h5, h6{
	font-weight:100;
}
h1 {
	font-size:28px;
	line-height:32px;
	margin-top:22px;
}
h2 {
	font-size:24px;
	line-height:26px;
}
h3 {
	font-size:20px;
	line-height:24px;
}
h4 {
	font-size:18px;
	line-height:22px;
}
h5 {
	font-size:16px;
	line-height:22px;
}
h6 {
	font-size:14px;
	line-height:20px;
}
h1 span{
	font-size:14px;
	line-height:14px;
}
h2 span{
	font-size:12px;
	line-height:12px;
}
h3 span{
	font-size:10px;
	line-height:10px;
}

p, ul, ol, pre{
	margin-bottom:18px;
	line-height:18px;
	font-size:12px;
}

blockquote{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border-left:5px solid;
	padding:0 18px;
	margin:36px;
}
li{
	margin-left:18px;
}

hr { 
	display:block;
	height:0px;
	line-height:0px;
	border:0;
	border-top:1px solid;
	border-bottom:1px solid;
	margin:16px 0;
	float:none;
	clear:both;
	padding:0;
}
strong{
	font-weight:700;
}
em{
	font-style:italic;
}
img{
	border:0;
}

.small{
	font-size:10px;
}
/*----------------------------------------------------------------------*/
/* Pageoptions
/*----------------------------------------------------------------------*/
#pageoptions{
	position:relative;
	overflow:hidden;
	width:auto;
	padding:0;
	min-height:20px;
}
#pageoptions h1, #pageoptions h2,#pageoptions h3, #pageoptions h4, #pageoptions h5, #pageoptions h6{
}
#pageoptions ul{
	overflow:hidden;
	margin:0;
	padding:1px 6px;
}
#pageoptions ul li{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	margin-left:1px;
}
#pageoptions ul li a{
	text-decoration:none;
	padding:0 8px 6px;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#pageoptions ul li a:hover, #pageoptions ul li a.active{
}
#pageoptions > div{
	position:absolute;
	left:15px;
	right:15px;
	padding:15px;
	overflow:hidden;
	min-height:400px;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}

#pageoptions div li{
	float:none;
}
/*----------------------------------------------------------------------*/
/* Tables
/*----------------------------------------------------------------------*/

table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:18px;
}
table td, table th{
	border:1px solid;
	padding:6px 3px;
	text-align:center;
}
table th{
	font-weight:700;
}
div.chart .legend table{
	border:0;
	width:auto;
}
div.chart{
	max-width:100%;
	margin-bottom:0px;
}
div.chart .legend table td{
	vertical-align:middle;
	text-align:center;
}
div.chart .legend table td.legendColorBox{
	opacity:0.6;
	filter:Alpha(opacity=60);
}

table.documentation{
}

table.documentation th, table.documentation td{
	text-align:left;
}



/*----------------------------------------------------------------------*/
/* Header
/*----------------------------------------------------------------------*/


header{
	position:relative;
	border-top:1px solid;
	z-index:10;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#logo{
	height:24px;
	padding:18px 0 18px 15px;
	width:320px;
	border:0;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	background:url(/gallery/logo.png) left center no-repeat;
	
}
#logo, #logo a{
	font-weight:700;
	font-size:20px;
	text-decoration:none;
	text-indent:-99999px;
}
#logo a{
}
#header{
	height:60px;
	position:absolute;
	top:0;
	left:280px;
	right:0;
	border:0;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#header ul{
	width:50%;
	height:46px;
	float:left;
	margin:0;
}
#header ul li{
	list-style:none;
	margin:0;
}
#header ul li ul{
	width:100%;
	height:auto;
	float:none;
	padding:18px 0;
	margin:0;
}
#header ul li ul li{
	border:1px solid;
	position:relative;
	float:left;
	margin:0 10px 0 0;
	display:block;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
#header ul li ul li a{
	padding:2px 20px 4px 20px;
	font-size:14px;
	display:block;
	border-top:1px solid;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
#header ul li ul li a:hover{
	text-decoration:none;
}
#header ul li ul li a:active, #header ul li ul li a.active{
	border:0;
	padding:4px 20px 3px 20px;
}
#header ul li ul li:active, #header ul li ul li.active{
}
#header ul li ul li ul{
	display:none;
	padding:0;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
#header ul li ul li ul.shown{
	display:block;
}
#header ul li ul li ul li{
	margin:0;
	max-width:180px;
	border-left:0;
	border-right:0;
	border:0;
	border-top:1px solid;
	float:none;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
#header ul li ul li ul li a{
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
#header ul li ul li ul li:last-child, #header ul li ul li ul li:last-child a{
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}

#header ul li ul li span{
	font-family:sans-serif;
	display:block;
	position:absolute;
	right:-12px;
	top:-12px;
	font-size:10px;
	line-height:10px;
	font-weight:700;
	padding:4px 4px 5px;
	text-align:center;
	min-width:10px;
	z-index:100;
	border:1px solid;
	cursor:pointer;
	-webkit-border-radius:36px;
	-moz-border-radius:36px;
	border-radius:36px;
}
#searchbox{
	float:right;
	margin:17px 10px 17px 0;
	padding:0;
	border:1px solid;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
form#searchform{
	width:90px;
	padding:0;
	border:0;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
form#searchform input#search{
	-webkit-appearance:none !important;
	padding:3px 0;
	font-size:14px;
	width:100%;
	text-align:center;
	border:0;
	border-top:1px solid;
	margin:0;
	font-style:normal;
}
form#searchform input#search.load{
	background-repeat:no-repeat !important;
	background-position:100% 50% !important;
}
form#searchform input::-webkit-search-decoration,
form#searchform input::-webkit-search-cancel-button,
form#searchform input::-webkit-search-results-button,
form#searchform input::-webkit-search-results-decoration {
  display:none;
}

 /* Live Search
 /*---------------------------------------------------------------------*/

form#searchform input#search:focus{
	border:0;
	padding:4px 0 3px;
}

ul#searchboxresult{
	margin:0;
	position:absolute;
	overflow:hidden;
	height:auto;
	right:10px;
	top:50px;
	width:250px;
	border-top:1px solid;
	margin:0;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	display:none;
	z-index:250;
}
ul#searchboxresult li{
}
ul#searchboxresult li a{
	padding:8px;
	font-size:12px;
	display:block;
	border:1px solid;
	border-left:0;
	border-right:0;
	background-repeat:no-repeat;
	background-position:12px 10px;
	display:block;
	overflow:hidden;
	height:50px;
	line-height:17px;
}
ul#searchboxresult li a:hover{
	text-decoration:none;
}
ul#searchboxresult li a.noresult{
	padding:12px;
	height:auto;
	text-align:center;
	font-size:14px;
}
ul#searchboxresult li a img{
	float:left;
	margin-right:6px;
}



/*----------------------------------------------------------------------*/
/* Navigation
/*----------------------------------------------------------------------*/

nav{
	border-right:0px solid;
	border-left:1px solid;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}

nav ul{
	border-top:1px solid;
	margin:0;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
nav ul li{
	list-style:none;
	padding:0;
	margin:0;
	background-repeat:no-repeat;
	background-position:-9999px;
}
nav ul li a{
	display:block;
	padding-right:0;
}
nav ul li a span{
	padding:12px 40px 11px;
	font-size:14px;
	display:block;
	border:1px solid;
	border-left:0;
	border-right:0;
	background-repeat:no-repeat;
	background-position:12px 10px;
	white-space:nowrap;
}
nav ul li a:hover{
	text-decoration:none;
	cursor:pointer;
	padding-right:0px;
}
nav ul li a:active, nav ul li a.active{
	padding-right:0px;
	padding-bottom:0px;
	background-repeat:repeat-x;
	background-position:left center;
	filter:none;
}
nav ul li a:active span, nav ul li a.active span{
	border-bottom:0;
	padding:12px 40px 12px;
}

nav ul li ul{
	border:0;
	margin-right:10px;
	margin-left:10px;
	display:none;
	margin-bottom:10px;
}
nav ul li ul li:first-child a{
}
nav ul li ul li:last-child, nav ul li ul li:last-child a, nav ul li ul li:last-child a span{
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
nav ul li ul li{
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
nav ul li ul li a{
	padding-right:0;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
nav ul li ul li a span{
	border:0;
	font-size:12px;
	line-height:12px;
	border-top:1px solid #ddd;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:15px;
	background-position:-9999px;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
nav ul li ul li:first-child a span{
}
nav ul li ul li a:active, nav ul li ul li a.active{
}
nav ul li ul li a:active span, nav ul li ul li a.active span{
	background-position:-9999px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:15px;
}
/*----------------------------------------------------------------------*/
/* Content
/*----------------------------------------------------------------------*/


#content{
	border:0;
	padding:15px 5px 15px 230px;
	margin:0;
	min-height:600px;
	border:1px solid;
	overflow:visible;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}



.bgsample{
	border:1px solid;
	float:left;
	margin:8px;
	padding:27px 30px;
}

/*----------------------------------------------------------------------*/
/* Gallery
/*----------------------------------------------------------------------*/

.gallery{
	border:1px solid;
	padding:3px;
	overflow:auto;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.widget .gallery{
	padding:0;
	border:0;
}

.gallery .sortable_placeholder{
	margin:4px;
}

.gallery li{
	margin:4px;
	position:relative;
	list-style:none;
	float:left;
	padding:8px;
	border:1px solid;
	overflow:hidden;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.gallery li > a{
	display:block;
	margin:0;
	padding:0;
	height:116px;
	width:116px;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.gallery li img{
	position:relative;
}
.gallery li span{
	position:absolute;
	top:140px;
	left:0;
	display:block;
	height:132px;
	width:132px;
	padding-top:4px;
	border-top:1px solid;
}
.gallery li > a span a{
	/* position:relative; */
	display:block;
	padding-left:24px;
	margin:2px 16px;
	background-position:center left;
	background-repeat:no-repeat;
	height:20px;
}
.gallery li a span a.edit{
}
.gallery li a span a.delete{
}

/*----------------------------------------------------------------------*/
/* Breadcrumb
/*----------------------------------------------------------------------*/


.breadcrumb{
	margin-bottom:20px;
	display:block;
	overflow:hidden;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.breadcrumb.disabled{
	opacity:0.8;
	filter:Alpha(opacity=80);
}
.breadcrumb li{
	float:left;
	margin:0;
	list-style:none;
	max-width:380px;
}
.breadcrumb li:first-child{
	margin-left:0px;
}
.breadcrumb li a{
	padding:10px 60px 5px 60px;
	font-size:14px;
	display:block;
	font-weight:700;
	margin-left:-20px;
	border:1px solid;
	border-left:0;
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:25px;
	text-decoration:none;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.breadcrumb li a span{
	padding:4px 9px;
	height:20px;
	background-repeat:no-repeat;
	background-position:-2px -2px;
	display:block;
	text-indent:-9999px;
}
.breadcrumb li a.previous span{
	opacity:0.6;
	filter:Alpha(opacity=60);
}
.breadcrumb li a.previous:hover span{
	opacity:1;
	filter:none;
}
.breadcrumb li:first-child a{
	border-left:1px solid;
	background-position:-20px 0px;
	margin-left:0px;
	padding-left:20px;
}
.breadcrumb li:last-child a{
	padding-right:40px;
}
.breadcrumb li a.previous{
	background-position:0px -129px;
}
.breadcrumb.disabled li a.previous:hover{
	background-position:0px -129px;
}
.breadcrumb li:first-child a.previous{
	background-position:-20px -129px;
}
.breadcrumb.disabled li:first-child a.previous:hover{
	background-position:-20px -129px;
}
.breadcrumb li a:hover{
	background-position:0px -43px;
}
.breadcrumb.disabled li a:hover{
	background-position:0px 0px;
}
.breadcrumb li:first-child a:hover{
	background-position:-20px -43px;
}
.breadcrumb.disabled li:first-child a:hover{
	background-position:-20px 0px;
}
.breadcrumb li a:active, .breadcrumb li a.active, .breadcrumb.disabled li a.active:hover{
	background-position:0px -86px;
}
.breadcrumb li:first-child a:active, .breadcrumb li:first-child a.active, .breadcrumb.disabled li:first-child a.active:hover{
	background-position:-20px -86px;
}
/*----------------------------------------------------------------------*/
/* Message Box
/*----------------------------------------------------------------------*/

#wl_msg{
	position:absolute;
	top:90px;
	right:25px;
	z-index:15;
	width:300px;
}
#wl_msg .msg-box:first-child{
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#wl_msg .msg-box:last-child{
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}

#wl_msg .msg-box, #wl_msg .msg-box-close{
	border:1px solid;
	margin-bottom:4px;
	display:none;
}
#wl_msg .msg-box-close{
	text-align:center;
	cursor:pointer;
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
#wl_msg .msg-box-close:hover{
}
#wl_msg .msg-box h3, #wl_msg .msg-close{
	height:28px;
}
#wl_msg .msg-box h3{
	border-bottom:1px solid;
	font-size:14px;
	width:264px;
	line-height:30px;
	padding-left:8px;
	margin:0;
	float:left;
}
#wl_msg .msg-close{
	border-left:1px solid;
	border-bottom:1px solid;
	display:block;
	float:right;
	width:25px;
	line-height:1px;
	padding:0;
	text-indent:-9999px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#wl_msg .msg-close:hover{
}
#wl_msg .msg-content{
	clear:both;
	padding:10px;
}


/*----------------------------------------------------------------------*/
/* Alert Boxes
/*----------------------------------------------------------------------*/

div.alert{
	border:1px solid;
	margin-bottom:15px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:7px 8px;
	padding:10px 10px 10px 35px;
	font-size:14px;
	font-weight:700;
	margin:0;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
div.alert code{
	background:none;
	border:0;
}
form div.alert{
	margin:15px 4px;
}
div.alert:hover{
	border:1px solid;
}
div.alert a{
	font-size:14px;
	font-weight:700;
}

/*----------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------*/


button, a.btn, .button,
.dataTables_paginate span.paginate_button,
.dataTables_paginate span.paginate_active{
	border:1px solid;
	position:relative;
	padding:9px 12px;
	display:inline-block;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:4px 5px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	outline:0 none;
	text-align:center;
	text-transform:uppercase;
	margin:2px;
	min-height:22px;
	min-width:8px;
	white-space:pre-line;
	vertical-align:baseline;
}
button.small, a.btn.small, .button.small{
	min-height:14px;
	line-height:14px;
	font-size:10px;
	padding:4px 7px;
}
button.big, a.btn.big, .button.big{
	font-size:14px;
	padding:12px 16px;
}
button.icon, a.btn.icon, .button.icon{
	padding-left:27px;
}
button.small.icon, a.btn.small.icon, .button.small.icon{
	padding-left:23px;
	background-position:0 -2px;
}
button.big.icon, a.btn.big.icon, .button.big.icon{
	padding-left:27px;
	background-position:-0 8px;
}
a.btn.nt, button.nt, .button.nt{
	background-position:50% 50%;
	text-indent:-9999px;
}
a.btn.small.nt, button.small.nt, .button.small.nt{
	padding-left:12px;
	padding-right:12px;
}
button{
}
a.btn{
	line-height:18px;
	min-height:18px;
}
button:hover, a.btn:hover, .button:hover{
}
button:active, a.btn:active, .button:active,
.dataTables_paginate span.paginate_active{
	top:1px;
}


/*----------------------------------------------------------------------*/
/* Form Elements
/*----------------------------------------------------------------------*/

fieldset{
	padding:15px;
}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word; 
	padding:12px 15px;
	line-height:18px;
}
pre, code{
	font-size:11px;
	padding:1px 2px;
	border:1px solid;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
pre code{
	display:block;
	border:0;
}

input,textarea{
	width:99%;
	border:1px solid;
	padding:4px 2px;
	margin:0 1px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
input.g1,input.g2,input.g3,input.g4,input.g5,input.g6,input.g7,input.g8,input.g9,input.g10,input.g11,input.g12,
textarea.g1,textarea.g2,textarea.g3,textarea.g4,textarea.g5,textarea.g6,textarea.g7,textarea.g8,textarea.g9,textarea.g10,textarea.g11,textarea.g12 {
	margin-left:0;
	padding:6px 2px;
	min-height:auto;
}
input.placeholder,textarea.placeholder{
	font-style:italic;
}
input:focus,textarea:focus{
	outline:none;
}
select optgroup, select option{
	font-style:normal;
	border:0;
}
select option{
	border:1px solid;
	padding:3px;
}
input[type=submit], input[type=checkbox], input[type=radio], input[type=button], button{
	width:auto !important;
}

input[type=submit]{
	min-height:33px;
}

form{
	border:1px solid;
	padding:4px;
	margin-bottom:18px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
form:last-child{
	margin-bottom:0;
}
.widget form{
	border:0;
}
form .wl_formstatus{
	padding-left:18px;
}
form fieldset{
	padding:0;
	margin:4px;
	border:1px solid;
	border-bottom:0;
	margin-top:18px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
form fieldset:first-child{
	margin-top:4px;
}
form label{
	border-top:1px solid;
	display:block;
	font-size:16px;
	margin:0;
	padding:15px 10px;
	font-weight:700;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
form label span{
	font-size:12px;
}
form span.required{
	padding:0 4px;
	font-size:10px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
form input, form textarea{
	padding:6px 2px;
	font-size:13px;
}
form fieldset > section{
	width:100%;
	border-top:1px solid;
	border-bottom:1px solid;
	float:left;
	padding:0;
	margin:0;
}
form fieldset > section:first-child{
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
form fieldset > section:last-child{
	-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}

form fieldset > section > div{
	padding:15px 1%;
	width:78%;
	float:right;
	border-left:1px solid;
	height:100%;
	min-height:100%;
}

form fieldset > section > div > div{
	float:none;
	clear:both;
	width:auto;
}
form fieldset > section > div div.date{
	max-width:230px;
}
form fieldset > section.error > label{
	text-shadow:none;
	font-weight:700;
}
form fieldset > section > div span{
	font-size:11px;
}
form fieldset > section.error{
	border-bottom:1px solid;
}
form fieldset > section.error > label{
	text-shadow:none;
	font-weight:700;
}
form fieldset > section label{
	border:0;
	cursor:pointer;
	font-size:13px;
	font-weight:100;
	float:left;
	background:none;
	filter:none;
	margin:0;
	width:16%;
	padding-left:2px;
	margin-left:8px;
	text-align:left;
}
form fieldset > section > div > div.selector{
}
form fieldset > section > div > div.selector span{
	height:32px;
}
form fieldset > section > div > div.selector select{
	height:32px;
	cursor:pointer;
}
form fieldset > section > div > div.checker, form fieldset > section > div > div.radio{
	display:inline-block;
	margin:0;
	line-height:1;
	float:none;
}
form fieldset > section > div > div.checker span, form fieldset > section > div > div.radio span{
	display:inline-block;
	height:22px;
	width:22px;
	float:none;
}
form fieldset > section > div > div.checker span input, form fieldset > section > div > div.radio span input{
	display:inline;
	width:22px;
	height:22px;
	min-width:22px;
	min-height:22px;
	margin:0;
	padding:0;
	cursor:pointer;
}
form fieldset > section > div label{
	position:relative;
	width:auto;
	margin:0;
	padding:0;
	display:inline-block;
	float:none;
	top:-5px;
	font-size:11px;
	line-height:1.5;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
form fieldset > section label span{
	font-size:10px;
}
form div input{
}
textarea{
	min-height:70px;
	resize:none;
	overflow:auto;
}
input.date{
	width:80px;
}
input[type=password], input.password{
	width:150px;
}
div.passwordstrength{
	font-size:12px;
	padding:5px 3px;
	text-align:center;
	width:150px;
	margin:3px 1px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
div.passwordstrength.s_1{}
div.passwordstrength.s_2{}
div.passwordstrength.s_3{}
div.passwordstrength.s_4{}
div.passwordstrength.s_5{}

input.time{
	width:35px;
	text-align:center;
}
span.timeformat{
	font-size:11px;
	padding-left:1px;
}
input.integer, input.decimal{
	width:60px;
	text-align:right;
}
input.color{
	width:60px;
}


/*----------------------------------------------------------------------*/
/* jQuery Checkbox
/*----------------------------------------------------------------------*/

.jquery-checkbox, .jquery-checkbox span  { display: inline; font-size: 16px; line-height: 16px; cursor: pointer;}

.jquery-checkbox span.checkboxplaceholder { 
	vertical-align:baseline;
	padding:2px 12px 0px;
	line-height:8px;
	background-repeat:no-repeat;
}
.jquery-checkbox span.checkboxplaceholder { 
	background-image:url(dark/images/checkbox.png);
}
.jquery-checkbox.checkbox span.checkboxplaceholder{
	background-position: 0px 0px;
}
.jquery-checkbox.checkbox .hover span.checkboxplaceholder{
	background-position: 0px -26px;
}
.jquery-checkbox.checkbox .hover.pressed span.checkboxplaceholder{
	background-position: 0px -51px;
}
.jquery-checkbox.checkbox.checked span.checkboxplaceholder{
	background-position: 0px -77px;
}
.jquery-checkbox.checkbox.checked .hover span.checkboxplaceholder {
	background-position: 0px -102px;
}
.jquery-checkbox.checkbox.checked .hover.pressed span.checkboxplaceholder {
	background-position: 0px -128px;
}

.jquery-checkbox.checkbox .disabled span.checkboxplaceholder{
	background-position: 0px -153px !important;
	cursor:auto;
}
.jquery-checkbox.checkbox.checked .disabled span.checkboxplaceholder{
	background-position: 0px -179px !important;
	cursor:auto;
}


.jquery-checkbox.radio span.checkboxplaceholder{
	background-position: -26px 0px;
}
.jquery-checkbox.radio .hover span.checkboxplaceholder{
	background-position: -26px -26px;
}
.jquery-checkbox.radio .hover.pressed span.checkboxplaceholder{
	background-position: -26px -51px;
}
.jquery-checkbox.radio.checked span.checkboxplaceholder{
	background-position: -26px -77px;
}
.jquery-checkbox.radio.checked .hover span.checkboxplaceholder {
	background-position: -26px -102px;
}
.jquery-checkbox.radio.checked .hover.pressed span.checkboxplaceholder {
	background-position: -26px -128px;
}

.jquery-checkbox.radio .disabled span.checkboxplaceholder{
	background-position: -26px -153px !important;
	cursor:auto;
}
.jquery-checkbox.radio.checked .disabled span.checkboxplaceholder{
	background-position: -26px -179px !important;
	cursor:auto;
}

/*----------------------------------------------------------------------*/
/* File Upload
/*----------------------------------------------------------------------*/

div.fileuploadui{
	padding:0 5px;
	margin-bottom:5px;
}
div.fileuploadui a{
	margin-right:10px;
	font-size:11px;
	display:inline !important;
}
ul.fileuploadpool{
	display:block;
	clear:both;
	margin-bottom:5px;
	border:1px solid;
	z-index:1;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	min-height:68px;
	min-width:138px;
	overflow:hidden;
	padding:4px;
}
ul.fileuploadpool.drop{
}
ul.fileuploadpool.single{
	width:138px;
}
ul.fileuploadpool li{
	font-size:11px;
	list-style-type:none;
	float:left;
	border:1px solid;
	margin:4px;
	padding:4px;
	height:50px;
	width:120px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-animation-name: showfile;-moz-animation-name: showfile;animation-name: showfile;
	-webkit-animation-duration: 0.2s;-moz-animation-duration: 0.2s;animation-duration: 0.2s;
	-webkit-animation-direction: alternate;-moz-animation-direction: alternate;animation-direction: alternate;
	-webkit-animation-timing-function: ease-out;-moz-animation-timing-function: ease-out;animation-timing-function: ease-out;
}
@-webkit-keyframes showfile {
 from {	-webkit-transform: scale(0);}
 to {-webkit-transform: scale(1.0); }
}
@-moz-keyframes showfile {
 from {	-webkit-transform: scale(0);}
 to {-webkit-transform: scale(1.0); }
}
@keyframes showfile {
 from {	-webkit-transform: scale(0);}
 to {-webkit-transform: scale(1.0); }
}

ul.fileuploadpool li.error{
	text-shadow:none;
}
ul.fileuploadpool li .name{
	display:block;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	line-height:22px;
}
ul.fileuploadpool li a{
	display:block;
	height:24px;
	width:24px;
	text-indent:-9999px;
	float:right;
}
ul.fileuploadpool li a:hover{
	text-decoration:none;
}
ul.fileuploadpool li a.cancel{
}
ul.fileuploadpool li a.remove{
}
ul.fileuploadpool li .progress{
	display:block;
	line-height:1px;
	height:3px;
	width:0%;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
ul.fileuploadpool li.success .progress{
}

/*----------------------------------------------------------------------*/
/* Comboselect
/*----------------------------------------------------------------------*/

div.comboselectbox{
	display:block;
	clear:both;
	min-height:100px;
}
div.comboselectbox div.combowrap{
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	float:left;
	border:1px solid;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	max-width:42%;
	width:200px;
	height:99%;
	padding:1% 1% 0 0;
}
div.comboselectbox ul.comboselect{
	overflow:auto;
	height:99%;
}
div.comboselectbox ul.comboselect li{
	display:block;
	margin:0;
	list-style-type:none;
	float:left;
	border:1px solid;
	margin:1px 6% 1px 2%;
	width:92%;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
div.comboselectbox ul.comboselect li a{
	font-size:11px;
	padding:3px;
	float:left;
	width:75%;
	cursor:pointer;
	text-decoration:none;
	cursor:pointer;
}
div.comboselectbox ul.comboselect.ui-sortable li.selected a{
	cursor:n-resize;
}
div.comboselectbox ul.comboselect li a.add, div.comboselectbox ul.comboselect li a.remove{
	float:right;
	display:block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
div.comboselectbox ul.comboselect li.used a{
	text-decoration:line-through;
}
div.comboselectbox ul.comboselect li.selected{
}
div.comboselectbox div.comboselectbuttons{
	max-width:9%;
	height:99%;
	width:30px;
	float:left;
	padding:0 3px;
}
div.comboselectbox div.comboselectbuttons a{
	padding:3px;
	line-height:20px;
	font-size:20px;
	width:18px;
	height:18px;
	margin:0 2px;
	background-position:center center;
	background-repeat:no-repeat;
	display:inline-block;
}
div.comboselectbox div.comboselectbuttons a.add{
}
div.comboselectbox div.comboselectbuttons a.remove{
}
div.comboselectbox div.comboselectbuttons a.addall{
}
div.comboselectbox div.comboselectbuttons a.removeall{
}

@media screen and (max-width:700px){
	div.comboselectbox div.combowrap{
		max-width:98%;
		width:98%;
		height:40%;
		float:none;
	}
	div.comboselectbox div.comboselectbuttons{
		text-align:center;
		max-width:98%;
		width:98%;
		float:none;
		height:30px;
	}
}
/*----------------------------------------------------------------------*/
/* Widgets
/*----------------------------------------------------------------------*/

.widget{
	margin-bottom:15px;
	border:1px solid;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.widget > div{
	margin:2px;
	padding:15px 6px 2px;
	border:1px solid;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.widget > div > img{
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.widget > div.ui-widget{
	width:99%;
	padding:0;
}
.widget .ui-widget-header{
	overflow:hidden;
}
.widget h3{
	margin:0;
}
.widget:hover{
	border:1px solid;
}
.widget.ui-sortable-helper{
}
.widget h3.handle{
	position:relative;
	font-size:14px !important;
	border-top:1px solid;
	border-bottom:1px solid;
	padding:8px 10px;
	margin:0;
	line-height:18px;
	margin-bottom:1px;
	cursor:pointer;
	-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
.widget.sortable h3.handle{
	cursor:move;
}
.widget h3.handle:hover{
}
.widget h3.handle.red{
}
.widget h3.handle.green{
}
.widget h3.handle.blue{
}
.widget h3.handle.yellow{
}
.widget h3.handle .collapse, .widget h3.handle .reload{
	position:absolute;
	right:8px;
	top:5px;
	display:block;
	height:24px;
	width:24px;
	background-repeat:no-repeat;
	background-position:center center;
	display:none;
}
.widget h3.handle .reload{
	right:30px;
}
.widget h3.handle a:first-child{
	right:8px;
}
.widget:hover h3.handle .collapse, .widget.loading h3.handle .reload, .widget:hover h3.handle .reload{
	display:block;
}
.widget h3.handle .collapse{
}
.widget h3.handle .icon{
	margin-top:-3px;
	margin-left:-4px;
	height:24px;
	width:24px;
	display:inline-block;
	float:left;
	background-position:center;
}
.widget.collapsed{
	border-bottom:1px solid;
}
.widget.collapsed h3.handle{
	border-bottom:0;
	-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
.widget.collapsed h3.handle .collapse{
}

.widget.number-widget > div ul{
	overflow:auto;
}
.widget.number-widget > div ul li{
	display:block;
	margin:0;
	list-style:none;
	border-top:1px dotted;
	padding:14px 10px 4px;
	margin:0;
}
.widget.number-widget > div ul li:first-child{
	border-top:0;
}
.widget.number-widget > div ul li a{
	font-size:12px;
	display:block;
}
.widget.number-widget > div ul li a:hover{
	text-decoration:none;
}
.widget.number-widget ul li a span{
	text-align:right;
	display:inline-block;
	width:80px;
	font-size:32px;
	font-weight:700;
	letter-spacing:-0.05em;
	padding:2px 6px 2px 0;
}

.sortable_placeholder{
	margin-bottom:15px;
	border:1px solid;
	z-index:1;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}


/*----------------------------------------------------------------------*/
/* Footer
/*----------------------------------------------------------------------*/

footer{
	
}
/*----------------------------------------------------------------------*/
/* width
/*----------------------------------------------------------------------*/

.w_5{  width:5%  !important; }
.w_10{ width:10% !important; }
.w_15{ width:15% !important; }
.w_20{ width:20% !important; }
.w_25{ width:25% !important; }
.w_30{ width:30% !important; }
.w_33{ width:33% !important; }
.w_35{ width:35% !important; }
.w_40{ width:40% !important; }
.w_45{ width:45% !important; }
.w_50{ width:50% !important; }
.w_55{ width:55% !important; }
.w_60{ width:60% !important; }
.w_65{ width:65% !important; }
.w_66{ width:66% !important; }
.w_70{ width:70% !important; }
.w_75{ width:75% !important; }
.w_80{ width:80% !important; }
.w_85{ width:85% !important; }
.w_90{ width:90% !important; }
.w_95{ width:95% !important; }

.w_5p{  width:5px  !important; }
.w_10p{ width:10px !important; }
.w_15p{ width:15px !important; }
.w_20p{ width:20px !important; }
.w_25p{ width:25px !important; }
.w_30p{ width:30px !important; }
.w_35p{ width:35px !important; }
.w_40p{ width:40px !important; }
.w_45p{ width:45px !important; }
.w_50p{ width:50px !important; }
.w_55p{ width:55px !important; }
.w_60p{ width:60px !important; }
.w_65p{ width:65px !important; }
.w_70p{ width:70px !important; }
.w_75p{ width:75px !important; }
.w_80p{ width:80px !important; }
.w_85p{ width:85px !important; }
.w_90p{ width:90px !important; }
.w_95p{ width:95px !important; }
.w_100p{ width:100px !important; }

.w_105p{ width:105px !important; }
.w_110p{ width:110px !important; }
.w_115p{ width:115px !important; }
.w_120p{ width:120px !important; }
.w_125p{ width:125px !important; }
.w_130p{ width:130px !important; }
.w_135p{ width:135px !important; }
.w_140p{ width:140px !important; }
.w_145p{ width:145px !important; }
.w_150p{ width:150px !important; }
.w_155p{ width:155px !important; }
.w_160p{ width:160px !important; }
.w_165p{ width:165px !important; }
.w_170p{ width:170px !important; }
.w_175p{ width:175px !important; }
.w_180p{ width:180px !important; }
.w_185p{ width:185px !important; }
.w_190p{ width:190px !important; }
.w_195p{ width:195px !important; }
.w_200p{ width:200px !important; }

.fl{ float:left !important; }
.fr{ float:right !important; }

.l{ text-align:left; }
.c{ text-align:center; }
.j{ text-align:justify; }
.r{ text-align:right; }

/*----------------------------------------------------------------------*/
/* Clear Floats
/*----------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/*----------------------------------------------------------------------*/
/* Grid System (based on the 960 Grid System (http://960.gs)
/*----------------------------------------------------------------------*/

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
	display:inline;
	float:left;
	margin-left:1%;
	margin-right:1%;
	padding:9px 0;
	min-height:10px;
}
.alpha{margin-left:0;}
.omega{margin-right:0;}

.g1{width:6.333%;}
.g2{width:14.667%;}
.g3{width:23.0%;}
.g4{width:31.333%;}
.g5{width:39.667%;}
.g6{width:48.0%;}
.g7{width:56.333%;}
.g8{width:64.667%;}
.g9{width:73.0%;}
.g10{width:81.333%;}
.g11{width:89.667%;}
.g12{width:98.0%;}

.p1{padding-left:8.333%;}
.p2{padding-left:16.667%;}
.p3{padding-left:25.0%;}
.p4{padding-left:33.333%;}
.p5{padding-left:41.667%;}
.p6{padding-left:50.0%;}
.p7{padding-left:58.333%;}
.p8{padding-left:66.667%;}
.p9{padding-left:75.0%;}
.p10{padding-left:83.333%;}
.p11{padding-left:91.667%;}

.s1{padding-right:8.333%;}
.s2{padding-right:16.667%;}
.s3{padding-right:25.0%;}
.s4{padding-right:33.333%;}
.s5{padding-right:41.667%;}
.s6{padding-right:50.0%;}
.s7{padding-right:58.333%;}
.s8{padding-right:66.667%;}
.s9{padding-right:75.0%;}
.s10{padding-right:83.333%;}
.s11{padding-right:91.667%;}

.ps1{left:8.333%;}
.ps2{left:16.667%;}
.ps3{left:25.0%;}
.ps4{left:33.333%;}
.ps5{left:41.667%;}
.ps6{left:50.0%;}
.ps7{left:58.333%;}
.ps8{left:66.667%;}
.ps9{left:75.0%;}
.ps10{left:83.333%;}
.ps11{left:91.667%;}

.pl1{left:-8.333%;}
.pl2{left:-16.667%;}
.pl3{left:-25.0%;}
.pl4{left:-33.333%;}
.pl5{left:-41.667%;}
.pl6{left:-50.0%;}
.pl7{left:-58.333%;}
.pl8{left:-66.667%;}
.pl9{left:-75.0%;}
.pl10{left:-83.333%;}
.pl11{left:-91.667%;}

/*----------------------------------------------------------------------*/
/* Layout
/*----------------------------------------------------------------------*/

body{
	margin:0 15px;
}

header{
	height:60px;
	z-index:2;
}
nav{
	position:absolute;
	width:216px;
	z-index:2;
}
#content{
	overflow:hidden;
	left:0px;
	right:0px;
	top:0px;
	z-index:1;
}
footer{
	padding:5px;
	text-align:right;
}

/*----------------------------------------------------------------------*/
/* Login
/*----------------------------------------------------------------------*/

body#login{
	position:static;
	left:auto;
	right:auto;
	width:350px;
	margin:120px auto;
	padding:2%;
}
body#login #content{
	min-height:50px;
	padding:8px;
}
body#login form label{
	padding:0;
	margin:0;
	width:100%;
}
body#login form section{
	width:100%;
}
body#login form section div{
	width:90%;
	float:none;
	padding:0 4% 6px 4%;
	border:0;
}
body#login form section > div{
	width:90% !important;
}
body#login form section div input{
	width:100% !important;
}
body#login form section div input#remember{
	width:auto !important;
}
body#login form section div.checker{
	width:auto !important;
	padding:0;
	margin:0;
}
body#login form section label{
	padding:3% 2% 1%;
	width:90% !important;
	float:none;
}
body#login form section label.checkbox div{
	width:10px;
	padding:0;
	margin:0;
}
body#login form section div label{
	width:80% !important;
}
body#login form section a{
	float:right;
}

/*----------------------------------------------------------------------*/
/* Wizard
/*----------------------------------------------------------------------*/

body#wizard{
	position:static;
	left:auto;
	right:auto;
	width:800px;
	margin:120px auto;
	padding:0;
}
body#wizard #content{
	min-height:50px;
	padding:8px;
}


/*----------------------------------------------------------------------*/
/* Error Page
/*----------------------------------------------------------------------*/

body#error{
	position:static;
	left:auto;
	right:auto;
	width:400px;
	margin:120px auto;
	padding:0;
}
body#error #content{
	min-height:50px;
	padding:8px;
}
body#error #content h1{
	font-size:116px;
	font-weight:700;
	line-height:0.7em;
	letter-spacing:-9px;
}
body#error #content h2{
	float:right;
}


/*----------------------------------------------------------------------*/
/* Media Queries
/*----------------------------------------------------------------------*/

/* For very large screens increes the margins*/
@media screen and (min-width:1281px) {
	body{
		margin-left:10%;
		margin-right:10%;
	}
}

/* Move the Headernav to a drop down menu to the right */
@media screen and (max-width:960px) {
	#header ul#headernav li ul, #header ul#headernav li ul.collapsed{
		display:none;
	}
	#header ul#headernav li ul.shown{
		display:block !important;
	}
	#header ul#headernav{
		border-left:1px solid;
		position:relative;
		float:right;
		height:60px;
		width:60px;
		cursor:pointer;
		background-repeat:no-repeat;
		background-position:center center;
	}
	
	#header ul#headernav li ul{
		position:absolute;
		right:0;
		width:170px;
		padding:0;
		margin:0;
		top:60px;
	}
	#header ul#headernav li ul li{
		float:none;
		margin:0;
		border-bottom:0;
		border-top:0;
		
	}
	#header ul#headernav li ul li a{
		padding:10px;	
	}
	#header ul#headernav li ul li:last-child{
		border-bottom:1px solid;
		
	}
	#header ul#headernav li ul span{
		right:5px;
		top:10px;
	}
	#header ul#headernav li ul li ul{
		position:relative;
		top:0;
		padding:0;
		display:none;
		padding-bottom:6%;
		z-index:20;
		width:99%;
	}
	#header ul#headernav li ul li ul.shown{
		display:block;
	}
	#header ul#headernav li ul li ul li{
		margin:0 6%;
	}
	#header ul#headernav li ul li ul li a{
		font-size:12px;
		padding:5px;
	}
	
	.g1,.g2,.g3,.g4,.g5,.g6 {
		padding:0;
		width:48.0%;
	}
	.g7,.g8,.g9,.g10,.g11,.g12 {
		padding:0;
		width:98%;
	}
	#header ul li ul li,#header ul li ul li a, #header ul#headernav li ul li ul{
		-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
	}
	
	#header ul li ul li:last-child,#header ul li ul li:last-child a{
		-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
	}
}
@media screen and (max-width:900px) and (min-width:701px) {
	form fieldset > section > div{
		width:69%;
	}
	form fieldset > section label{
		width:24%;
	}
}

/* For more smaller Screens (iPad) */
@media screen and (max-width:700px) {
	header #search,header #searchbox{
		max-width:100px;
	}
	form label{
		padding:10px 1%;
	}
	form fieldset > section{
		padding-bottom:8px;
	}
	form fieldset > section > label{
		left:0;
		right:0;
		width:98%;
		margin:0;
		float:none;
		padding:1%;
		padding-bottom:8px;
	}
	form fieldset > section > div{
		float:none;
		width:98%;
		padding:4px;
		border:0;
	}
	.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
		width:98%;
	}
	
}
@media screen and (max-width:800px) and (min-width:481px) {
	nav{
		width:150px;
	}
	nav ul li a span{
		font-size:12px;
	}
	nav ul li ul{
		margin-left:10px;
		margin-right:10px;
	}
	nav ul li ul li a span{
		padding-right:4px;
	}
	#content{
		padding:15px 0 15px 160px;
	}
	
}

/* iPhone and real small devicces */
@media screen and (max-width:480px) {
	body#login{
		position:static;
		left:auto;
		right:auto;
		width:96%;
		margin:10px auto;
		padding:0;
	}
	body#login #content{
		padding:0;
		padding-top:20px;
		width:99%;
	}
	body#login form{
		border:0;
	}
	body#login form section label{
		border:0;
	}
	body#login fieldset{
		margin:0px;
	}
	body#login form > section a{
		margin:10px 4%;
		float:left;
	}
	#pageoptions > div{
		left:2px;
		right:2px;
		padding:15px;
	}
	header #searchbox{
		display:none;
		max-width:40px;
	}
	header #searchbox input{
		max-width:40px;
	}
	header ul#searchboxresult{
		display:none !important;
	}
	body{
		width:96%;
		margin:1%;
	}
	body, header, nav, #content{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	#header{
	}
	#logo{
		width:100%;
	}
	#logo, header, #content{
		width:100%;
	}
	nav, nav ul, nav ul li, nav ul li a, nav ul li a span, nav ul li a:active span, nav ul li a.active span{
		margin:0;
		padding:0;
	}
	nav ul li a:active span, nav ul li a.active span{
		border-top:1px solid;
		background-position:center center;
	}
	nav{
		border-top:1px solid;
		position:static;
		width:98%;
		margin:0 1%;
	}
	nav ul li{
		width:44px;
		display:inline-block;
		margin-left:-2px;
		margin-right:-2px;
	}
	nav ul li a span{
		border-left:1px solid;
		border-bottom:0;
		height:40px;
		text-indent:-9999px;
		background-position:center center;
	}
	nav ul li:first-child a span{
		border-left:0;
	}
	nav ul li ul{
		position:absolute;
		left:0;
		margin:0;
		z-index:15;
		background:none;
		width:98%;
		margin:0 1%;
	}
	nav ul li ul li{
		display:block;
		width:100%;
	}
	nav ul li ul li a span{
		height:20px;
		text-indent:0;
	}
	
	#content{
		padding:0;
	}
	form{
		padding:0;
		margin:0;
	}
	form input, form textarea{
		font-size:14px;
		max-width:96%;
	}
	#wl_msg{
		right:5px;
		left:5px;
		width:auto;
	}
	.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
		width:100%;
		margin:0;
		min-height:0;
	}
}

/*----------------------------------------------------------------------*/
/* jQuery UI mods
/*----------------------------------------------------------------------*/

.ui-tabs .ui-tabs-nav li{
	margin:0 2px 0 0 !important;
}
.ui-tabs .ui-tabs-nav, .ui-tabs{
	padding:0 !important;
}
.ui-widget{
	padding:0 !important;
}
.ui-widget-header{
	border:0 !important;
	border-top:1px solid !important;
	border-bottom:1px solid !important;
	background-repeat:repeat !important;
	margin:0 !important;
}
.ui-widget-header a, .ui-accordion-header a, .ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year{
	font-size:14px !important;
}
.ui-state-default a{
	border-top:1px solid !important;
	-webkit-border-radius:4px !important;
	-moz-border-radius:4px !important;
	border-radius:4px !important;
}
.ui-tabs .ui-tabs-panel {
	padding:0 !important;
}
.ui-tabs .ui-tabs-panel p {
	margin:1em 1.3em !important;
}
.ui-tabs .ui-tabs-selected{
	border-bottom:0;
}
.ui-accordion-content p{
	margin:0 !important;
}
.ui-accordion .ui-accordion-header{
	margin-top:0 !important;
}
.ui-datepicker .ui-widget-header{
	padding:4px !important;
}
.ui-widget-overlay{
	background-repeat:repeat !important;
}
.ui-slider-range.ui-widget-header{
	background-position:center !important;
	border:0 !important;
}
.ui-slider-horizontal .ui-slider-handle{
	top:-5px !important;
	min-height:22px;
	min-width:18px;
	margin-left:-10px !important;
	cursor:pointer !important;
}
.ui-slider-vertical{
	float:left;
}
.ui-slider-vertical .ui-slider-handle{
	left:-5px !important;
	min-height:18px;
	min-width:22px;
	margin-bottom:-10px !important;
	cursor:pointer !important;
}
.ui-slider{
	min-height:14px;
	min-width:14px;
	border:1px solid;
	background-repeat:repeat !important;
	margin:10px;
}
.ui-slider .ui-slider-handle{
	background-repeat:no-repeat !important;
	z-index:1 !important;
	position:relative;
}
.ui-slider-horizontal .ui-slider-handle{
	background-position:right center !important;
}
.ui-slider-vertical .ui-slider-handle{
	background-position:left center !important;
}
.ui-slider-range{
	-webkit-border-radius:4px !important;
	-moz-border-radius:4px !important;
	border-radius:4px !important;
}

/*
Copyright (c) 2010-2012 Ivan Vanderbyl
Originally found at http://ivan.ly/ui

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
/* Webkit animation keyframes */
@-webkit-keyframes animate-stripes {
  to {
    background-position: 0 0;
  }

  from {
    background-position: 44px 0;
  }
}

@-moz-keyframes animate-stripes {
  to {
    background-position: 0 0;
  }

  from {
    background-position: 36px 0;
  }
}

/* Bar which is placed behind the progress */
.ui-progress-bar {
  /* Usual setup stuff */
  position: relative;
  height: 25px;
  /* Pad right so we don't cover the borders when fully progressed */
  padding-right: 2px;
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #abb2bc;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress */
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  /* Background gradient */
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #949daa), color-stop(100%, #abb2bc));
  background: -webkit-linear-gradient(#949daa 0%, #abb2bc 100%);
  background: -moz-linear-gradient(#949daa 0%, #abb2bc 100%);
  background: -o-linear-gradient(#949daa 0%, #abb2bc 100%);
  background: -ms-linear-gradient(#949daa 0%, #abb2bc 100%);
  background: linear-gradient(#949daa 0%, #abb2bc 100%);
  /* Give it the inset look by adding some shadows and highlights */
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  -o-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  /* Alt colours */
  /* Progress part of the progress bar */
}
.ui-progress-bar.blue .ui-progress {
  background-color: #339BB9!important;
  border: 1px solid #287a91;
}
.ui-progress-bar.error .ui-progress {
  background-color: #C43C35 !important;
  border: 1px solid #9c302a;
}
.ui-progress-bar.warning .ui-progress {
  background-color: #D9B31A!important;
  border: 1px solid #ab8d15;
}
.ui-progress-bar.success .ui-progress {
  background-color: #57A957!important;
  border: 1px solid #458845;
}
.ui-progress-bar.transition .ui-progress {
  -moz-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
  -webkit-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
  -o-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
  transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
}
.ui-progress-bar .ui-progress {
  /* Usual setup stuff */
  position: relative;
  display: block;
  overflow: hidden;
  /* Height should be 2px less than .ui-progress-bar so as to not cover borders and give it a look of being inset */
  height: 23px;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress-bar */
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  /* Set the background size so the stripes work correctly */
  -webkit-background-size: 44px 44px;
  -moz-background-size: 36px 36px;
  /* Webkit */
  /* For browser that don't support gradients, we'll set a base background colour */
  background-color: #74d04c;
  /* Webkit background stripes and gradient */
  background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0, rgba(255, 255, 255, 0.17)), color-stop(0.25, rgba(255, 255, 255, 0.17)), color-stop(0.26, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.51, rgba(255, 255, 255, 0.17)), color-stop(0.75, rgba(255, 255, 255, 0.17)), color-stop(0.76, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0.35))), #74d04c;
  /* Mozilla (Firefox etc) background stripes */
  /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. */
  background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #74d04c;
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
  /* Give it a higher contrast outline */
  border: 1px solid #4c8932;
  /* Animate */
  -moz-animation: animate-stripes 2s linear infinite;
  -webkit-animation: animate-stripes 2s linear infinite;
  -o-animation: animate-stripes 2s linear infinite;
  -ms-animation: animate-stripes 2s linear infinite;
  -khtml-animation: animate-stripes 2s linear infinite;
  animation: animate-stripes 2s linear infinite;
  /* Style status label */
}
.ui-progress-bar .ui-progress span.ui-label {
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 13px;
  position: absolute;
  right: 0;
  line-height: 23px;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: rgba(255, 255, 255, 0.45) 0 1px 0px;
  white-space: nowrap;
}
.ui-progress-bar .ui-progress span.ui-label b {
  font-weight: bold;
}

#screen {
    background: none repeat scroll 0 0 #000000;
    left: 0;
    position: absolute;
    top: 0;
	z-index:90;
}