/* Reset default browser styles */
/*@import url('css/reset.css');*/

/* Rebuild default browser styles */
/*@import url('css/rebuild.css');*/


body {
	background-color:#f1f1f1;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Lato', sans-serif;
	color:#000;
	font-size:16px;
	margin: 0px; 
    padding: 0px;
    /*background-image:url('setup/images/topbg.jpg');*/
    background-size:100%;
    background-attachment: fixed;
    background-position: center;
}

img {
	max-width:100%;
}

a { text-decoration:none; color:#fff; }
a:hover { text-decoration:underline; }
h1 {}
h2 { font-size:18px; color:#333; }
h3 { font-size:16px; color:#333; font-weight:bold; }
h4 {}

textarea { border-radius:5px; border:1px solid #999; max-width:95%; }
input { border-radius:5px; border:1px solid #999; max-width:95%; }

.table { display:table; width:100%; margin:20px 0px; }
.tbhead { background-color:#f1f1f1; font-size:14px; font-weight:bold; }
.row { display:table-row; }
.cell { display:table-cell; padding:5px; vertical-align:top; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.table input:not([type='submit']) { width:100%; padding:5px; font-size:14px; }
.table textarea { width:100%; min-height:150px; padding:3px; }
.border { border:1px solid #e7e7e7; }
.border-left { border-left:1px solid #e7e7e7; }
.border-right { border-right:1px solid #e7e7e7; }
.border-bottom { border-bottom:1px solid #e7e7e7; }
.padding5 { padding:5px; }
.padding { padding:10px; }
.bold { font-weight:bold; }

.menutab { background-color:#333; color:#fff; padding:5px 10px; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center; font-size:14px; }
.menutab:hover { background-color:#999; color:#fff; padding:5px 10px; }
.menutab a { color:#fff; }
/*.btn { cursor:pointer; background-color:#A3E0FF; color:#333; border:none!important; padding:10px 20px; font-size:14px; font-weight:bold; border-radius:5px; }*/

.btn{
border:1px solid #d1dcdf; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 20px 5px 20px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 #fff;font-weight:bold; color: #FFFFFF;
 background-color: #f2f5f6; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c8d7dc));
 background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
 background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
 background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
 background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
 background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
 cursor:pointer;
 color:#666;
}
.btn a { color:#666; }
.btn:hover{
 border:1px solid #b6c7cc;
 background-color: #d4dee1; background-image: -webkit-gradient(linear, left top, left bottom, from(#d4dee1), to(#a9c0c8));
 background-image: -webkit-linear-gradient(top, #d4dee1, #a9c0c8);
 background-image: -moz-linear-gradient(top, #d4dee1, #a9c0c8);
 background-image: -ms-linear-gradient(top, #d4dee1, #a9c0c8);
 background-image: -o-linear-gradient(top, #d4dee1, #a9c0c8);
 background-image: linear-gradient(to bottom, #d4dee1, #a9c0c8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d4dee1, endColorstr=#a9c0c8);
}


.label { background-color:#006600; padding:5px 10px; color:#fff; display:inline-block; }
.label a { color:#fff; }
.label_get { background-color:#3095ce; color:#fff; display:inline-block; padding:3px 10px; margin-bottom:10px; font-weight:bold; }
.label_post { background-color:#33b533; color:#fff; display:inline-block; padding:3px 10px; margin-bottom:10px; font-weight:bold; }
.label_put { background-color:#F90; color:#fff; display:inline-block; padding:3px 10px; margin-bottom:10px; font-weight:bold; }
.label_delete { background-color:#D63333; color:#fff; display:inline-block; padding:3px 10px; margin-bottom:10px; font-weight:bold; }
.label_small { background-color:#006600; padding:5px 10px; color:#fff; display:inline-block; font-size:10px; }
.labelinfo { margin-top:10px; font-size:12px; }

.keys .cell { border-bottom:1px solid #e7e7e7; }

#confirm { display:none; position:fixed; bottom:0px; left:0px; width:100%; background-color:#85E085; text-align:center; color:#fff; padding:10px; }
#error { display:none; position:fixed; bottom:0px; left:0px; width:100%; background-color:#E06666; text-align:center; color:#fff; padding:10px; }

#sandbox {
	background-color:#d81010;
	color:#fff;
	padding:5px 10px;
	display:inline-block;
}

#production {
	background-color:#33b533;
	color:#fff;
	padding:5px 10px;
	display:inline-block;
}

.codeview {
	background-color:#333;
	color:#fff;
	padding:20px;
	font-size:12px!important;
	font-family:"Courier New", Courier, monospace;
	overflow:auto;
}

.codeview pre {
	font-size:12px!important;
	tab-size: 4;
}

#wrapper {
	width:100%;
}

#content {

}

#header {
	background-color:#333;
	width:100%;
}

#top {
	height:100px;
	max-width:1280px;
	margin:0 auto;
}

#logo {
	padding:20px;
	float:left;
	padding-top: 15px;
}

#logo img {
	width:auto;
	height:50px;
}

#pslogo {
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-170px;
	padding:20px;
	padding-top: 15px;
	text-align:center;
}

#pslogo img {
	width:300px;
	height:auto;
}

#info {
	margin-top:5px;
	color:#fff;
	font-size: 12px;
	text-align: center;
}

#menu {
	min-height:35px;
	max-width:1240px;
	margin:0 auto;
}

#main { 
	min-height:800px;
	padding:20px;
	background-color:#fff;
	max-width:1240px;
	margin:0 auto;
}

#main a { text-decoration:none; color:#333; }
#main a:hover { text-decoration:underline; }

#main_content {
	float:left;
	width:70%;
	min-height:800px;
	background-color:#fff;
}

#sidebar {
	float:right;
	width:22%;
	min-height:800px;
}

#sidebar_search {
	padding:20px;
	height:300px;
	background-color:#f1f1f1;
	border:1px solid #999;
}

#footer {
	height:300px;
	background-color:#333;
}

#footer_inner {
	text-align:center;
}

#footer_logo img {
	margin-top: 120px;
	width:auto;
	height:80px;
} 

#site_info {
	height:10px;
	padding:20px;
	color:#fff;
	font-size: 10px;
	text-align:center;
	background-color:#333;
}

.widget {
	margin-bottom:40px;
}

.widget_title {
	background-color:#006600;
	padding:5px;
	color:#fff;
}

.widget_table {
	width:100%;
	border:1px solid #666;
	border-top:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:table;
}

.widget_column_titles {
	background-color:#e7e7e7;
	border-bottom:1px solid #666;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;		
	display:table-row;
	font-weight:bold;
}

.widget_column_title {
	display:table-cell;
	padding:5px;
}

.widget_row {
	display:table-row;
	font-size:12px;
}

.widget_field {
	display:table-cell;
	padding:5px;
}

.odd { background-color:#fff; }
.odd:hover { background-color:#F90; }
.even { background-color:#f6f6f6; }
.even:hover { background-color:#F90; }

/* LOGIN FORM */

#login_form {
	width:300px;
	margin:0 auto;
	margin-top:20px;
	padding:20px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0px 0px 10px #333;
}

#login_form input {
	border:1px solid #a1a1a1;
	border-radius:5px;
	width:280px;
	padding:10px;
	margin-bottom:20px;
	font-size:20px;
}

#login_form .btn {
	width:100%;
	max-width:100%!important;
}

#login_form h3 { padding:0px; margin:0px; margin-bottom:5px; font-size:16px; }

#login_form_logo {
	width:300px;
	margin:0 auto;
	margin-top:100px;
	text-align:center;
}






.nav_menu { font-size:12px; margin-top:0px; background-color:#333; padding-top:0px; position:relative; z-index:1001; text-align:left; }

.nav_menu ul { margin:0px; padding:0px; } 
.nav_menu ul li { list-style-type:none; display:inline-block; margin:0px 0px 0px 0px; text-align:left; }
.nav_menu ul li a { display:block; color:#fff; text-decoration:none; text-transform:uppercase; padding:10px 10px; background:none; text-shadow:1px 1px 2px #333; }
.nav_menu ul li:hover>a { background-color:#3095ce; color:#fff!important; }
.nav_menu ul li:first-child a { border-radius:0px 0px 0px 0px; }
.nav_menu ul li:last-child a { border-radius:0px 0px 0px 0px; }

/*...First-Level...*/
.nav_menu ul li ul li:first-child a { }
.nav_menu ul li ul li:last-child a { }
.nav_menu ul li ul { position:absolute; display:none; width:180px; margin:0;}
.nav_menu ul li:hover ul { display:block; color:#dbb754; }
.nav_menu ul li ul li { display:block; position:relative; border:none; margin:0px 0px 0px 0px; }
.nav_menu ul li ul li a { border-radius:0px!important; color:#fff!important; background-color:#333; margin:0px; padding:10px; padding-left:20px; }
.nav_menu ul li ul li a:hover { border-radius:0px!important; color:#fff!important; background-color:#3095ce; margin:0px; padding:10px; padding-left:20px; }

/*...Second-Level...*/
.nav_menu ul li:hover ul ul { display:none; }
.nav_menu ul li ul li:hover>ul { display:block; }

/*...Third-Level...*/
.nav_menu ul li ul li ul { display:none; background:#fff; position:absolute; top:0; left:180px; width:180px; }



.nav_sub_menu { font-size:10px; margin-top:0px; margin-bottom:20px; background-color:#e7e7e7; padding-top:0px; position:relative; z-index:1000; text-align:left; }

.nav_sub_menu ul { margin:0px; padding:0px; } 
.nav_sub_menu ul li { list-style-type:none; display:inline-block; margin:0px 0px 0px 0px; text-align:left; }
.nav_sub_menu ul li a { display:block; color:#333; text-decoration:none; text-transform:uppercase; padding:10px 10px; background:none; text-shadow:1px 1px 1px #fff; }
.nav_sub_menu ul li:hover>a { background-color:#e7e7e7; color:#F90!important; }
.nav_sub_menu ul li:first-child a { border-radius:0px 0px 0px 0px; }
.nav_sub_menu ul li:last-child a { border-radius:0px 0px 0px 0px; }

/*...First-Level...*/
.nav_sub_menu ul li ul li:first-child a { }
.nav_sub_menu ul li ul li:last-child a { }
.nav_sub_menu ul li ul { position:absolute; display:none; width:180px; margin:0;}
.nav_sub_menu ul li:hover ul { display:block; color:#dbb754; }
.nav_sub_menu ul li ul li { display:block; position:relative; border:none; margin:0px 0px 0px 0px; }
.nav_sub_menu ul li ul li a { border-radius:0px!important; color:#fff!important; background-color:#333; margin:0px; padding:10px; padding-left:20px; text-shadow:1px 1px 1px #333; }
.nav_sub_menu ul li ul li a:hover { border-radius:0px!important; color:#fff!important; background-color:#F90; margin:0px; padding:10px; padding-left:20px; }

/*...Second-Level...*/
.nav_sub_menu ul li:hover ul ul { display:none; }
.nav_sub_menu ul li ul li:hover>ul { display:block; }

/*...Third-Level...*/
.nav_sub_menu ul li ul li ul { display:none; background:#fff; position:absolute; top:0; left:180px; width:180px; }