/* JAKCMS IS NOT FREE SOFTWARE :: http://www.jakcms.com | http://www.jakcms.com/license-agreement/ */
html, body, table {margin:0;padding:0;border:0;outline:0;}
th, td {padding:2px;}
img {border:0;}
button {border:0;text-decoration:none;}
:focus {outline:0;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
strong {font-weight:bold;}

body, html {height:100%;}
body {background:#fff;color:#4d4d4d;font:13px Tahoma,Arial,Helvetica,sans-serif;text-align:center;}

/* Main Container */
#container {width:100%;text-align:left;min-height:100%;height:auto !important; height:100%;margin:0 auto;}

/* Overall Header */
.grey-header {height:22px;width:100% auto;background-color:#4d4d4d;}

/* Logged In Header */
.logged-header {float:left;width:100%;border-bottom:1px solid #e2e2e2;}
.header-left {float:left;width:60%;margin:4px 10px 0 10px;font-size:11px;}
.header-left .img {float:left;padding:2px 4px 2px 0;}
.header-right {float:right;text-align:right;margin:4px 10px 0 0;font-size:11px;}

/* Content Logged Out */	
#content-login {width:433px;height:243px;background:transparent url(../img/login_background.png) no-repeat;margin:50px auto 0em;}
#content-login p {float:right;text-align:right;padding:65px 25px 0 0;}
.login-button {background:transparent url(../img/login_button.png) no-repeat;width:98px;height:24px;margin:5px 0 0 0;padding:0 0 5px 0;color: #fff;cursor:pointer;cursor:hand;}
.login-button:hover {filter:alpha(opacity=75);opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}

/* Content Success */
#success-login {width:433px;height:150px;background:transparent url(../img/success_background.png) no-repeat;margin: 80px auto 0em;}
#success-login p {text-align:center;padding:65px 0 0 0;}

/* Content Logged In */
#content {margin:15px 20px 0 245px;}
#content p {margin:0;padding:0;}
#content table p {
	padding: 5px;
}

.content-menu {height:18px;width:100%;}
.content-menu a {color:#e6974c;padding:1px 8px 2px 8px;}
.content-menu a:hover {color:#fff;background-color:#e6974c;text-decoration:none;}
.content-menu a.selected {color:#fff;background-color:#e6974c;text-decoration:none;padding:1px 8px 2px 8px;}
.content-menu-desc {height:14px;width:100%;background-color:#ffe9d5;border:1px solid #e6974c;margin-bottom:5px;padding:3px;}
.content-menu-desc p {color:#df7f25;font-size:11px;}

.content-border {width:100%;border:1px solid #e2e2e2;padding:3px;}
table {margin:5px;width:99%;border-collapse:collapse;border:1px solid #e2e2e2;}
table td {padding:5px;border:1px solid #e2e2e2;}
table .content-title {background:transparent url(../img/table_title_bg.png) repeat-x;color:#e6974c;}
table .content-go {width:20px;text-align:center;}
table .go-right {text-align:right;width:30%;color:#979797;vertical-align:top;}
table .right {text-align:right;}
.move {float:right;}
.where-show {width:20%;}

/* Navigation */
#sidebar {float:left;width:200px;margin:15px 10px 0 10px;padding:5px;border:1px solid #eeeeee;}
#sidebar p {margin-top:-5px;}
#sidebar a {color:#444;padding:2px;margin:5px;}
#sidebar a:hover {color:#bd2b32;text-decoration:none;}
#sidebar a.selected {color:#bd2b32;text-decoration:none;padding:2px;}
#sidebar h4 {font-size:14px;margin:0 0 4px 0;font-weight:normal;background:transparent url(../img/navbg.png) top left no-repeat;height:24px;padding:4px;cursor:pointer;cursor:hand;}
#sidebar .open {background:transparent url(../img/navbgclose.png) top left no-repeat;height:30px;padding:4px;cursor:pointer;cursor:hand;}
#sidebar .always {background:transparent url(../img/navbgopen.png) top left no-repeat;height:30px;padding:4px;}
#sidebar .expand {cursor:pointer;cursor:hand;}
#sidebar .collapse {cursor:pointer;cursor:hand;}
#sidebar .active {color:#bd2b32;}

/* Footer */
.footer {float:left;margin:10px 0 0 0;border-top:1px solid #e2e2e2;width:100%;text-align:center;}
.green {color:#70aa42;}
.red {color:#bd2b32;}

/* Buttons */
.content-save {margin:10px 0 0 0;border-top:1px solid #e2e2e2;width:100%;text-align:right;height:25px;}
.content-save select {position:relative;top:-4px;}
.save-button {background:transparent url(../img/save.png) no-repeat;width:72px;height:17px;margin:5px 0 0 0;padding:2px 0 5px 14px;cursor:pointer;cursor:hand;}
.save-button:hover {filter:alpha(opacity=75);opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
.reset-button {background:transparent url(../img/reset.png) no-repeat;width:72px;height:17px;margin:5px 0 0 0;padding:2px 0 5px 14px;cursor:pointer;cursor:hand;}
.reset-button:hover {filter:alpha(opacity=75);opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
.new-button {background:transparent url(../img/newcat.png) no-repeat;width:72px;height:17px;margin:5px 0 0 0;padding:2px 0 5px 14px;cursor:pointer;cursor:hand;}
.new-button:hover {filter:alpha(opacity=75);opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}

/* Paginate */
.paginate {
	font-size: 14px;
}

.paginate ul {
	float:left;
	width:360px;
	margin:0;
	padding:0 10px;
	list-style:none;
	font-weight:bold;
}
.paginate ul li {
	position:relative;
	float:left;
	padding:0 1px 0 9px;
	background: url(../img/pag-sep.gif) no-repeat 0 3px;
}
.paginate ul li {background: url(../img/pag-sep.gif) no-repeat 0 3px;}
.paginate ul li a {
	padding:0 4px 0 5px;
	text-decoration:none;
	color:#888888;
}
.paginate li.active, .paginate ul li a:hover {text-decoration:underline;}

.paginate li.active, .paginate a:hover {color:#f3bc00;}

.paginate .prev-button, .paginate .next-button {
	position:relative;
	float:left;
	width:30px;
	height:20px;
	margin:1px 0;
	padding:0 0 0 5px;
	font-size:10px;
	line-height:15px;
	font-weight:bold;
	text-decoration:none;
	color:#888888;
	background: url(../img/buttonleft.png) no-repeat;
}
.paginate .next-button {
	float:right;
	padding:0;
	background: url(../img/buttonright.png) no-repeat 100% 0;
}
.paginate .prev-button,
.paginate .next-button {background: url(../img/buttonleft.png) no-repeat;}
.paginate .next-button {background: url(../img/buttonright.png) no-repeat 100% 0;}

/* Small Buttons */
.lock-user {width:14px;height:16px;background:url(../img/lockedlink.png) bottom left no-repeat;}
.edit-user {width:14px;height:16px;background:url(../img/editlink.png) bottom left no-repeat;}
.delete-user {width:14px;height:16px;background:url(../img/deletelink.png) bottom left no-repeat;}
.trash-all {width:14px;height:16px;background:url(../img/trash.png) top left no-repeat;cursor:hand;}
.watermark-photo {width:14px;height:16px;background:url(../img/watermarkblink.png) bottom left no-repeat;cursor:hand;}
.highlight-lock {background:url(../img/lockedlink.png) top left no-repeat;cursor:pointer;cursor:hand;}
.highlight-edit {background:url(../img/editlink.png) top left no-repeat;cursor:pointer;cursor:hand;}
.highlight-delete {background:url(../img/deletelink.png) top left no-repeat;cursor:pointer;cursor:hand;}
.highlight-water {background:url(../img/watermarkblink.png) top left no-repeat;cursor:pointer;cursor:hand;}

/* Form */
.jak_form input, .jak_form textarea {border:1px solid #9aae83;padding:2px;}
.jak_form textarea {width:99%;}
.jak_form input:focus, .jak_form textarea:focus, .jak_form input:hover, .jak_form textarea:hover {border:1px solid #77a54a;}
.jak_form input.no-border {border:0;}
input[type=hidden] {visibility:hidden;}
.jak_form_cat input {border:1px solid #c0c0c0;padding:1px;display:inline;}
.fpicker {margin-left:-18px;margin-bottom:-3px;}

/* Tooltip */
#tooltip{position:absolute;z-index:6;border:1px solid #e6974c;background:#f0f0ee;margin-top:20px;padding:4px;color:#444;text-align:left;display:none;max-width:300px;font-size:11px;filter:alpha(opacity=85);opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";}

/* Color Picker */
.jak_colorS {overflow:hidden;border:1px solid #d9dcdd;}
.jak_colorS div{background:url(../img/colorpicker.gif) no-repeat;float:left;width:13px;height:13px;cursor:pointer;overflow:hidden;border:1px solid #666666;margin:1px;}
.jak_colorS .checkwht {cursor:default;background-position:-13px 0;}
.jak_colorS .checkblk {cursor:default;background-position:-26px 0;}
.eventcolor {width:18px;height:12px;border:1px solid #e2e2e2;}

/* Gallery */
.watermark {background: #f5f5f5 url(../img/watermark.jpg) no-repeat left center;width:400px;height:174px;}

/* Error and stuff */
.validation-error {color:red;}
input.error, textarea.error {border: 1px solid red !important;}
.status-failure {color:red;width:98%;background-color:#ffd0d6;border:1px solid red;padding:4px;margin:5px;}
.status-ok {color:green;background-color:#dfFFda;border:1px solid green;padding:4px;margin:5px;}

.clear {clear:both;}
.error {color:#ff0000;}

a {color:#bd2b32; background-color:transparent;text-decoration:none;}
a:hover {color:#bd2b32; background-color:transparent; text-decoration:underline;}
.pointer {cursor:pointer;cursor:hand;}
.showlang {border-bottom:1px solid #000;padding:1px;}

h2 {font-size:14px;margin:0 0 7px 0;font-weight:bold;}
h2 a {text-decoration:underline;font-weight:normal;}

.hidden {display: none;}
.movemouse {cursor:move;}

/* TABS */
ul.jakptabs {float:left;margin:10px 0 10px 0;padding:0;list-style:none;height:24px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;width:100%;}
ul.jakptabs li {float:left;margin:0;padding:0;height:23px; /*--Subtract 1px from the height of the unordered list--*/line-height: 23px; /*--Vertically aligns the text within the tab--*/border:1px solid #dddddd;border-left:none;margin-bottom:-1px; /*--Pull the list item down 1px--*/overflow:hidden;position:relative;background:#f6f6f6;}
ul.jakptabs li a {text-decoration:none;color:#888888;display:block;padding:0 20px;border:1px solid #fff;outline:none;}
ul.jakptabs li a:hover {background:#ebebeb;}
html ul.jakptabs li.active, html ul.jakptabs li.active a:hover  {background: #fff;border-bottom: 1px solid #fff;}
.jakptabc {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
}

/*Tags */
div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:100px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }