/********** Default (Resets) **********/
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
table, table tr td, table tr th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	border-collapse: collapse;
}
img, a img, :link img, :visited img { border: none; }
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
/********** End of Default **********/

/********** Global Styles **********/
body {
	margin: 0 auto;
	width: 1000px;
	background: #eaeaea;
	color: #282828;
        font: 12px/16px Arial, Helvetica Neue, Helvetica, sans-serif;
	/*** font: normal 14px georgia, serif;***/
}
table, input, select, textarea {
	color: #282828;
	font: 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif;
}
a, a:link, a:visited {
	color: #c00;
	text-decoration: none;
}
	a:hover {
		color: #900;
	}
h2 {
	margin: 0 0 5px;
	font-size: 12px;
}
p {
	margin-bottom: 20px;
}
select {
	padding: 7px 7px 5px;
	width: 732px;
	background: #eaeaea;
	border: 1px solid #8c8c8c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	option {
		padding: 2px 5px;
	}
input[type=text] {
	padding: 7px;
	width: 732px;
	background: #eaeaea;
	border: 1px solid #8c8c8c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	input[type=text]:hover, input[type=text]:focus {
		background: #efefef;
			}
input[type=button], input[type=submit], input[type=reset] {
	margin: 8px 2px 0 0;
	padding: 0 15px;
	text-transform: uppercase;
	height: 28px;
	width: 110px;
	background: #c00;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #C00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	input[type=button]:hover, input[type=submit]:hover {
	background: #900;
	}
input[type=reset] {
	background: #37302b;
	border: 1px solid #1e1a18;
}
	input[type=reset]:hover {
		background: #1e1a18;
	}
textarea {
	padding: 7px;
	width: 732px;
	height: 157px;
	background: #eaeaea;
	border: 1px solid #8c8c8c;
	overflow-y: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	textarea:hover, textarea:focus {
		background: #efefef;
	}
label {
	cursor: pointer;
}
.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.text-justify  { text-align: justify; }
.left 		   { float: left; }
.right		   { float: right; }
.center		   { margin: 0 auto; }
.clear {
	display: block;
	clear: both;
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 1px;
}
.box {
	margin-top: 10px;
}
	.box-title {
		margin-bottom: 4px;
		padding: 1px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background: #1e1a18;
		color: #94918f;
	}
		.box-title div:first-child {
			padding: 0 17px;
			height: 35px;
			line-height: 35px;
			background: #322c27;
			border: 1px solid #61554e;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			position: relative;
		}
			.box .box-toggle {
				position: absolute;
				top: 17px;
				right: 15px;
				width: 5px;
				height: 3px;
				background: url('./images/box-open.gif') no-repeat;
			}
			.box.closed .box-toggle {
				top: 13px;
				height: 10px;
				background: url('./images/box-closed.gif') no-repeat;
			}
	.box.closed .box-content {
		display: none;
	}
	#contentpanel .box .box-content { position: relative; } /* IE Hack */
.box.width-45 {
	float: left;
	width: 355px;
}
	.box.width-45 input[type=text], .box.width-45 textarea {
		width: 295px;
	}
	.box.width-45 select {
		width: 311px;
	}
	.box.width-45 .box-content { width: 313px; } /* IE Hack */
.box.width-55 {
	float: left;
	width: 422px;
}
	.box.width-55 input[type=text], .box.width-55 textarea {
		width: 362px;
	}
	.box.width-55 select {
		width: 378px;
	}
	.box.width-55 .box-content { width: 380px; } /* IE Hack */
.box.width-45.right { float: right; }
.box.width-55.right { float: right; }
.col-45 { margin-bottom: 20px; width: 45%; }
/********** End of Global Styles **********/

/********** Messages **********/
.msg-error, .msg-success, .msg-attention, .msg-info {
	padding-left: 17px;
	height: 30px;
	line-height: 30px;
	position: relative;
}
	.remove-btn {
		position: absolute;
		top: 0;
		right: 17px;
		padding-right: 20px;
		background: url('./images/remove-btn.png') no-repeat center right;
		color: #333 !important;
	}
		.remove-btn:hover {
			color: #666 !important;
		}
.msg-error {
	background: #f0cec4;
	color: #a24057;
	border: 1px solid #a24057;
}
.msg-success {
	background: #eaf8d5;
	color: #829b36;
	border: 1px solid #829b36;
}
.msg-attention {
	background: #fffbcc;
	color: #c0a443;
	border: 1px solid #c0a443;
}
.msg-info {
	background: #d2eef1;
	color: #369fb4;
	border: 1px solid #369fb4;
}
/********** End of Messages **********/

/********** Site Skeleton **********/
#menubar {
	margin: -7px 0 4px;
}
#sidebar {
	float: left;
	width: 200px;
}
#contentpanel {
	float: right;
	width: 790px;
}
#footer {
	margin: 25px 0;
	padding-top: 20px;
	text-align: right;
	border-top: 1px solid #ddd;
}
/********** End of Site Skeleton **********/

/********** Header **********/
#logo {
	padding: 45px 15px 0px 5px;
	float: center;
}
/********** End of Header **********/

/********** Menubar **********/
#menubar div:first-child {
	padding: 0 17px;
	height: 44px;
	line-height: 18px;
	font-size: 13px;
}
	#mainnav {
		float: left;
	}
		#mainnav {
			padding: 2px 0;
		}
			#mainnav li {
				float: left;
				margin: 2px 5px 0 0;
				padding: 8px 15px;
			}
				#mainnav a {
					color: #7f746d;
				}
					#mainnav a:hover, #mainnav .active a {
						color: #fff;
					}
			#mainnav .active { 
				background: #a3b260;
				border: 1px solid #bfd172;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
	#loginbar {
		float: right;
		height: 44px;
		line-height: 44px;
		color: #7f746d;
	}
/********** End of Menubar **********/

/********** Sidebar Modules **********/
#sidebar .box {
	margin-top: 20px;
}
	#sidebar .box-title {
		margin-bottom: 10px;
	}
#sidebar .box:first-child {
	margin-top: 10px;
}
#sidebar .box.closed {
	margin-bottom: -10px;
}
#sidebar .userbar {
	color: #505050;
}
	#sidebar .user-avatar {
		float: left;
		margin-right: 10px;
		border: 3px solid #fff;
	}
		#sidebar .user-avatar:hover {
			border: 3px solid #ddd;
		}
		#sidebar .user-avatar img {
			float: left;
		}
	#sidebar .userbar .left {
		margin-bottom: 12px;
	}
	#sidebar .userbar span {
		color: #94918f;
	}
	#sidebar .action-links li {
		display: inline;
		padding: 0 2px 0 5px;
		line-height: 12px;
		font-size: 11px;
		border-left: 1px solid #bbb;
	}
		#sidebar .action-links a {
			color: #7e894a;	
		}
			#sidebar .action-links a:hover {
				color: #555;	
			}
	#sidebar .action-links li:first-child {
		padding-left: 0;
		border: 0;
	}
#sidebar ul.box-content {
	margin-top: -5px;
}
	#sidebar ul.box-content li {
		padding: 0 19px;
		height: 25px;
		line-height: 25px;
	}
		#sidebar ul.box-content a {
			color: #4c413a;
		}
			#sidebar ul.box-content a:hover {
				color: #7e894a;
			}
	#sidebar ul.box-content li.active {
		background: #a3b260;
		border: 1px solid #7e894a;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
		#sidebar ul.box-content li.active a {
			color: #fff;
		}
#sidebar .calendar .top {
	padding: 0 10px;
	text-transform: uppercase;
}
	#sidebar .calendar .top .current-month {
		float: left;
		margin-left: 32px;
		text-transform: none;
	}
#sidebar .calendar table {
	margin: 7px auto 0;
	width: 185px;
}
	#sidebar .calendar table th {
		padding: 4px 0;
		background: #a3b260;
		color: #fff;
	}
	#sidebar .calendar table td {
		padding: 3px;
		text-align: center;
	}
	#sidebar .calendar table td.another-month {
		color: #aaa;
	}
	#sidebar .calendar table td.current {
		background: #2d2824;
		color: #fff;
	}
/********** End of Sidebar Modules **********/

/********** Contentpanel Modules **********/
#contentpanel .box-content {
	padding: 20px 20px 0;
	border: 1px solid #8c8c8c;
}
	#contentpanel .hint {
		display: block;
		padding-top: 5px;
		color: #868686;
	}
#contentpanel .tabular-view {
	padding: 0;
}
	#contentpanel table {
		width: 100%;
	}
		#contentpanel table th {
			text-align: left;
			padding: 10px 25px;
			background: #dedede;
			border-bottom: 1px solid #8c8c8c;
		}
		#contentpanel table td {
			padding: 15px 25px;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #dedede;
		}
		#contentpanel table .even td {
			background: #efefef;
		}
		#contentpanel tr:last-child td { border: 0; }
#contentpanel .settings {
	color: #626262;
}
		#contentpanel .settings .labels {
			float: left;
			padding-top: 6px;
			width: 145px;
		}
		#contentpanel .settings .inputs {
			float: left;
			margin-bottom: 15px;
			width: 260px;
		}
			#contentpanel .settings .inputs input[type=text], #contentpanel .settings .inputs select {
				padding: 6px 7px;
				width: 250px;
				background: #f7f7f7;
				color: #626262;
				border: 1px solid #aaaaaa;
			}
				#contentpanel .settings .inputs input[type=text]:hover, #contentpanel .settings .inputs select:hover, #contentpanel .settings .inputs input[type=text]:focus, #contentpanel .settings .inputs select:focus {
					border: 1px solid #909090;
				}
			#contentpanel .settings .inputs select {
				width: 266px;
				height: 31px;
				line-height: 31px;
			}
		#contentpanel .settings .hints {
			float: right;
			padding-top: 10px;
			line-height: 14px;
			width: 320px;
			color: #a4a4a4;
			font-size: 11px;
		}
		#contentpanel .padding {
			padding-top: 4px;
		}
			#contentpanel .padding input {
				position: relative;
				top: 2px;
			}
		#contentpanel .settings .inputs.radio-list {
			padding-top: 9px;
			line-height: 23px;
		}
			#contentpanel .settings .inputs input[type=text].custom {
				margin-left: 7px;
				padding: 4px 7px;
				width: 40px;
			}
#contentpanel .gallery ul {
	padding: 2px;
	height: 87px;
}
	#contentpanel .gallery li {
		float: left;
		margin: 5px;
		padding: 2px;
		border: 1px solid #aaa;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		position: relative;
	}
		#contentpanel .gallery li img {
			float: left;
		}
		#contentpanel .gallery li .gallery-actions {
			display: none;
			position: absolute;
			top: 13px;
			left: 11px;
			width: 51px;
			background: #585858;
			border: 1px solid #1f1f1f;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
			#contentpanel .gallery li .gallery-actions a {
				display: block;
				height: 23px;
				line-height: 23px;
				text-transform: uppercase;
				color: #999;
				font-size: 10px;
				text-align: center;
				border-top: 1px solid #1f1f1f;
			}
				#contentpanel .gallery li .gallery-actions a:hover {
					background: #e9683e;
					color: #fff;
				}
			#contentpanel .gallery li .gallery-actions a:first-child {
				border-top: 0;
			}
		#contentpanel .gallery li:hover .gallery-actions {
			display: block;
		}
#contentpanel .new-media {
	color: #626262;
}
	#contentpanel .new-media input[type=button] {
		margin-left: 1px;
		padding: 0 7px;
		height: 25px;
		line-height: 25px;
		background: #dedede;
		color: #626262;
		text-transform: none;
		font-weight: normal;
		border: 1px solid #aaa;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
	}
	#contentpanel .new-media input[type=button]:first-child {
		margin-left: 12px;
	}
	#contentpanel .new-media input[type=button].inactive {
		background: #e3e3e3;
		color: #a2a2a2;
		border: 1px solid #cacaca;
	}
/********** End of Contentpanel Modules **********/


/********** Login **********/
#login {
	margin: 40px auto;
	padding: 25px;
	width: 430px;
	background: #fff;
	border: 7px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	#login h1{
		padding-bottom: 5px;
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px solid #ddd;
	}
	#login h2 {
		padding-bottom: 5px;
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px solid #ddd;
	}
	#login label {
		color: #7a7a7a;
		font-weight: bold;
	}
	#login input[type=text] {
	margin: 5px 0 10px;
	width: 400px;
	font-weight: bold;
	background: #f8f8f8 url(free_ebook.png) no-repeat 5px;
	padding:4px 4px 4px 28px;
	border: 2px solid #aaa;
	}
    #login .input2[type=text] {
	margin: 5px 0 10px;
	width: 400px;
	font-weight: normal;
    background: #f8f8f8 url(download_ebook.png) no-repeat 5px;
	padding:4px 4px 4px 28px;
	border: 1px dashed #aaa;
	}
	#login p {
		margin: 10px 0 5px;
	}
	#login input[type=submit] {
		float: right;
	}
/********** End of Login **********/

#results {
	border: 1px dashed #aaa;
	padding: 5px 10px 25px 15px;
}
	#results:hover {
        border: 1px solid #900;
}

#pdf_box {
position:fixed;
right:20px;
bottom:20px;
}

#twfb{
position:relative;
float: right;
right:5px;
bottom:5px;
}
/********** Login **********/
#loginh {
	margin: 40px auto;
	padding: 20px;
	width: 600px;
	background: #fff;
	border: 2px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	#loginh h2{
		padding-bottom: 5px;
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: normal;
		border-bottom: 1px solid #ddd;
	}
		#loginh label {
	}	
	#loginh input[type=text] {
	margin: 5px 0 10px;
	width: 410px;
	background: #f8f8f8;
	border: 1px solid #aaa;
	}
	#loginh p {
		margin: 10px 0 5px;
	}
	#loginh input[type=submit] {
		float: right;
	}


/********** Modal **********/
#mask {
  display:none;
  position:absolute;
  top:0;
  left:0;
  background: url('./images/mask.gif');
  z-index:9000;
}
.modal-container {
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
}
#modal {
	margin: 40px auto;
	padding: 25px;
	width: 255px;
	background: #fff;
	border: 7px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	#modal h2 {
		padding-bottom: 5px;
		font-size: 18px;
		font-weight: normal;
		border-bottom: 1px solid #ddd;
	}
	#modal label {
		color: #7a7a7a;
		font-weight: bold;
	}
	#modal input[type=text] {
		margin: 5px 0 10px;
		width: 241px;
		background: #f8f8f8;
		border: 1px solid #aaa;
	}
/********** End of Modal **********/

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #efefef;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:20px;
    height:20px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* PDF BOX */

button.pdfbox, .buttons a.pdfbox{
    color:#74138C;
}
.buttons a.pdfbox:hover, button.pdfbox:hover{
    background-color:#F8E9FC; 	
    border:1px solid #FFC4FF;
    color:#74138C;
}
.buttons a.pdfbox:active{
    background-color:#74138C;
    border:1px solid #74138C;
    color:#fff;
}