/* Simply just the begining */

* {
	margin: 0; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
}

.rounded_2 {
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	border: 1px solid #e3e3e3;
}

img {
	border: 0;
}

li {
	list-style-type: none; 
}

a {
	color: #333333; 
	text-decoration: none; 
}

html, body { 
	background: #f8f3f9 url(none) repeat top left; 
	width: 100%;
	height: 100%; 
}

#message-placeholder {

  height: 30px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.hidden {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Buttons */
.container_12 form .main, .container_12 form .second {
  width: 150px;
  height: 30px;
  cursor: pointer;
  border: 0;
  font-family: "DroidSansBold";
  line-height: 28px;
  text-transform: uppercase;
  border-radius: 1px;
}

.container_12 form .main {
  background: url(../img/main.gif) repeat-x;
  border: 1px solid #948046;
  text-shadow: 1px 1px #444e71;
  color: #fff;
}

.container_12 form .second {
  background: url(../img/second.gif) repeat-x;
  border: 1px solid #dbdbdb;
  margin-left: 6px;
  text-shadow: 1px 1px #fff;
  color: #979797;
}


/* Floating right */
.right { 
	float: right !important;
}
.left { 
	float: left !important;
}

/* Fontface droidsans */

@font-face {
        font-family: 'DroidSans';
        src: url('../font/DroidSans.eot');
        src: local('Droid Sans'),
             local('Droid Sans'),
             url('../font/DroidSans.ttf') format('truetype');
}

@font-face {
        font-family: 'DroidSansBold';
        src: url('../font/DroidSansBold.eot');
        src: local('Droid Sans Bold'),
             local('Droid Sans Bold'),
             url('../font/DroidSansBold.ttf') format('truetype');
}



.success, .wrong, .warn { 
	width: 95%; 
	height: 24px; 
	border-radius: 3px;
	font-size: 12px;
	line-height: 24px;
	padding: 3px 8px;
	margin: 0 auto;
}

.success { 
	border: 1px solid #9fd59b;
	background: #e2ffdb; 
	color: #458436; 
}

.wrong { 
	border: 1px solid #d78b8b;
	background: #ffb7b7; 
	color: #aa2d2d; 
}

.warn { 
	border: 1px solid #edebc4;
	background: #fffadb; 
	color: #847c36; 
}


/* Content styling */

.header {  
  width: 100%;
  height: 141px;
  margin-bottom: 25px;
  background: url(../img/nav-bg.gif) repeat-x top left;
}


/* Navigation */

.navigation {
 
	height:102px;
	margin:0 auto;
}

.navigation a.logo {
	width: 200px;
	height: 50px;
	float: left;
	background: url(../img/main-logo.png) no-repeat;
}


/* User navigation */

.navigation .user-nav {
	float: right;
	height:58px;
	margin-top:20px;
}

.navigation .user-nav .profile {
	float: left;
	margin-top:10px;
	margin-right:20px;
}

.navigation .user-nav .profile .information {
	float: left;
	margin-right:15px;
	margin-top:6px;
}

.navigation .user-nav .profile .information h1 {
	font-family: 'DroidSans';
	font-size: 14px;
	color: white;
}

.navigation .user-nav .profile .information h1 strong {
	font-family: 'DroidSansBold';
	font-size: 14px;
	color: white;
}

.navigation .user-nav .profile .information p {
	font-family: 'DroidSansBold';
	font-size: 10px;
	color: #afbce7;
	text-align: right;
}

.navigation .user-nav .profile .avatar {
	float: left;
	width: 34px;
	height:34px;
	border: 3px solid #38415e;
}

.navigation .user-nav ul {
	margin-top: 2px;
	float: left;
	background: url(../img/top-nav-sep.gif) no-repeat top right;
}

.navigation .user-nav ul li {
	height: 55px;
	float: left;
	background: url(../img/top-nav-sep.gif) no-repeat top left;
}

.navigation .user-nav ul li:last-child {
	margin-right: 2px;
}

.navigation .user-nav ul li a {
	height: 55px;
	line-height: 55px;
	font-family: 'DroidSans';
	font-size: 12px;
	padding: 0 13px;
	margin-left: 2px;
	color: white;
	display: block;
}

.navigation .user-nav ul li a strong {
	font-family: 'DroidSansBold';
	font-size: 12px;
	color: white;
}

.navigation .user-nav ul li a:hover {
	background: url(../img/top-nav-hover-bg.gif) repeat-x top left;
}

.navigation .user-nav ul li a div.icon {
	width: 17px;
	height: 18px;
	float: left;
	margin-top: 19px;
	margin-right: 7px;
	background: url(../img/top-nav-icons-sprite.png) no-repeat;
}

.navigation .user-nav ul li a div.icon.settings {
	background-position: center;
}

.navigation .user-nav ul li a div.icon.logout {
	background-position: right;
}


/* System navigation */

.navigation .system-nav {
	width: 100%;
	float: left;
}

/* main */

.navigation .system-nav ul.main li {
	float: left;
	background: url(../img/submenu-sep.gif) no-repeat center right;
}

.navigation .system-nav ul.main li:last-child {
	background: none;
}

.navigation .system-nav ul.main li a {
	height: 44px;
	line-height: 44px;
	padding: 0 15px;
	display: block;
	font-family: 'DroidSansBold';
	font-size: 11px;
	color: #eaad2a;
	text-shadow: 1px 1px #352910;
	text-transform: uppercase;
}

.navigation .system-nav ul.main li a:hover, 
.navigation .system-nav ul.main li a.active {
	color: white;
}

.navigation .system-nav ul.main li a.active {
	background: url(../img/active-bottom-bg.gif) no-repeat bottom center;
}

/* sub */

.navigation .system-nav ul.sub {
	width: 100%;
	height: 37px;
	border: 1px solid #e3e3e3;
	border-top: 0;
	border-radius: 1px;
	background: #f8f8f8;
}

.navigation .system-nav ul.sub li {
	float: left;
}

.navigation .system-nav ul.sub li a {
	height: 37px;
	line-height: 37px;
	padding: 0 15px;
	display: block;
	font-family: 'DroidSans';
	font-size: 12px;
	color: #8b8b8b;
}

.navigation .system-nav ul.sub li a:hover, 
.navigation .system-nav ul.sub li a.active {
	color: #cc9313;
}

/* Footer seciton */

.footer {
	clear: both;
	/* background: url(../img/footer-border.gif) repeat-x center top; */
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer p {
	font-size: 12px;
	font-family: 'DroidSans';
	color: #aaaaaa;
	text-align: center;
}

.footer span {
	color: #7c7c7c;
}

/* Content2 */
.marginb {
	margin-bottom: 15px;
}

.margint {
	margin-top: 15px;
}


.container_12 div form {
	padding: 10px;
	border: 1px solid #e3e3e3;
	border-radius: 1px;
}


.container_12 div form h2 {
	font-family: 'DroidSansBold';
	font-size: 16px;
	color: #a18c4f;
}

.container_12 div form h1 {
	font-family: 'DroidSansBold';
	font-size: 14px;
	color: #a18c4f;
	margin-bottom: 15px;
}

.container_12 div form .field {
	font-family: 'DroidSans';
	font-size: 13px;
	margin-bottom: 15px;

}

.container_12 div form .field p {
	font-family: 'DroidSans';
	font-size: 13px;
	float:left; 
	display: block;
	width: 120px;
	height: 25px;
	line-height: 25px;

}

.container_12 div form .field div {
	font-family: 'DroidSans';
	font-size: 13px;
	margin-bottom: 15px;
	margin-left: 20px;
}

.container_12 div form .field div div {
	font-family: 'DroidSans';
	font-size: 13px;
	margin: 0;
	margin-left: 15px;
}

.container_12 div form .field select {
	padding: 3px;
	font-size: 12px;
}

.container_12 div form .field select option {
	font-size: 12px;
}

.container_12 div form .field input,.container_12 div form .field textarea {
	padding: 4px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	background: #FFFFFF url(../img/bg_form.png) left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.container_12 div form .field input:hover,.container_12 div form .field input:focus,
.container_12 div form .field textarea:hover,.container_12 div form .field textarea:focus {
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.container_12 div form table {
	width: 100%;
}

.container_12 div form table tr.titles {
	width: 100%;
	background: #614913;
}

.container_12 div form table tr.titles td {
	padding: 4px;
	font-family: 'DroidSansBold';
	font-size: 12px;
	text-align: center;
	color: #fff;
}

.container_12 div form table tr.cift {
	background: #e3e3e3;
}

.container_12 div form table tr td {
	font-family: 'DroidSans';
	font-size: 12px;
	text-align: center;
	padding: 4px 2px;
	border: 1px solid #614913;
}

.container_12 div form table tr td b {
	font-family: 'DroidSansBold';
	font-size: 13px;
	font-weight: normal;
}

.container_12 div form table tr td a,.container_12 div form a {
	font-family: 'DroidSans';
	font-size: 13px;
}

.container_12 div form table tr td a:hover,.container_12 div form a:hover {
	font-family: 'DroidSansBold';
}

.container_12 div form table tr:hover {
	background: #f2dd4c;
}

.container_12 div form table tr.titles:hover {
	background: #614913;
}


.container_12 div form table tr td strong {
	font-family: 'DroidSansBold';
	font-size: 13px;
}

.container_12 div form table tr.red {
	background: #ffb7b7 !important;
}

.lim {
	margin-right: 10px;
	display: block;
	float:right;
}

ul.titles {
	width: 100%;
}

ul.titles li { 
	float:left;
	background: #614913;
	color: #fff;
	font-size: 13px;
	font-family: 'DroidSansBold';
	padding: 5px;
	text-align: center;
}

table#records tr td {
	padding:5px !important;
}
table#records tr td a {
	font-size: 10px;
}

form a.clr {
	padding: 5px;
	display: block;
	border-radius: 3px;
	background: #f7b64a;
	border: 1px solid #e78f08;
	width: 150px;
	text-align:center;
	float: right;
}

.announcement {
	height: 37px;
	line-height: 37px;

	font-family: 'DroidSansBold';
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: url(../img/ann-bg.png) left top repeat-x;
}


#scrollbar1 {  clear: both; }
#scrollbar1 .viewport {  height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #614913; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 10px; }
#scrollbar1 .track { background-color: #f2d79d; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 8px; }
#scrollbar1 .disable{ display: none; }


.qrcode {
width: 125px;
font-size: 12px;
float: left;
margin-right: 58px;
height: 265px;
margin-top:20px;
margin-bottom:40px;
}

.qrcode strong {
	font-weight: bold;
}

.uploadify {
	position: relative;
	margin: 0 !important;
	margin-bottom: 1em;
	float: left;
}
.uploadify-button {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0 !important;
}
.uploadify:hover .uploadify-button {
    background-position: center bottom;
}

.uploadify-button.disabled {
	background-color: #D0D0D0;
	color: #808080;
}
.uploadify-queue {
	float: right;
    overflow: hidden;
    width: 195px;
    margin: 0 !important;
}
.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin: 5px 0 0 0 !important;
	max-width: 350px;
	padding: 2px;
	line-height: 11px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
	background: url(../img/cancel.png) 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin: 10px 0 0 0 !important;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
	margin: 0 !important;
}
.uploadify-ok {
	width: 30px;
	height: 30px;
	background: url(../img/uok.png) 0 0 no-repeat;
	float: left;
	margin: 0 !important;
}


form.private ul li,
form.public ul li {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e3e3e3;
	background: -moz-linear-gradient( top, #ffffff 0%, #dadada);
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#dadada));

	height: 25px;

}

form.private ul li a.file,
form.public ul li a.file {
	padding-left: 30px;
	line-height: 25px;

	background: url(../img/dl.png) 5px 0px no-repeat;
}

form.private ul li a.deletefile,
form.public ul li a.deletefile {
	display: block;
	width: 25px;
	height: 25px;
	float: right;

	background: url(../img/delete.png) center center no-repeat;
}


.upload-file .field #queue {
	margin-left: 0;
}

.upload-file .field #queue > div {
	margin: 0;
}