/*
CSS style for Ixian Admin
Last Updated May 2013
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../../img/admin/bg-head.jpg) center top repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #272b31;
	line-height: 160%;
	margin: 20px auto;
	text-align: center;
}
body.blank {
	background: #fff;
	font: 75% Arial, Helvetica, sans-serif;
	color: #272b31;
	line-height: 160%;
	margin: 20px auto;
	text-align: center;
}

a {
	color: #4d4d4d;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a img {
	border: none;
}

p {
	font-size: 14px;
	clear: both;
	margin-bottom: 1em;
}

h1, h2, h3 {
	clear: both;
	letter-spacing: -1px;
	margin: 10px 0;
	line-height: 140%;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
	letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 700;;
}
table {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px;
}

table tr th {
	background: #333;
	color: #fff;
	padding: 4px 10px 4px 10px;
	font-weight: normal;
}

table tr th a {
	color: #fff;
	font-size: 13px;
	display: block;
	background: url(../../img/admin/arrows-short.png) right center no-repeat;
	padding-right: 15px;
}

table tr th a:hover {
	color: #fff;
}

table tr th.short {
	background: #00b0ed url(../../img/admin/thead-hover-bg.gif) repeat-x;
}

table tr td {
	background: #f1f1f1;
	padding: 5px 4px 5px 10px;
	border-bottom: 1px solid #eee;
	vertical-align: top;
	font-size: 13px;
}

table tr.literow td {
	background-color: rgba(0,176,237,0.3);
}

table tr.altrow td {
	background: #fff;
}

table tr:hover > td {
	background: #ddd;
}

form {
	clear: both;
}

iframe {
	clear: both;
	margin: 0 0 5px !important;
}

/* Common Style */
.clearfix {
	float: left;
	clear: both;
	width: 100%;
}

#container {
	width: 98%;
	.width: 97%;
	margin: 0 auto;
	text-align: left;
}
#container .container {
                width: auto !important;
                padding: 0 !important;
}
#header {
	margin-bottom: 10px;
}

#footer {
	margin: 20px 0 0 0;
}

/* Header */
#header .logo {
	float: left;
	width: 390px;
	height: 40px;
	margin: 40px 0 30px 0;
}

#header .logo a {
	display: block;
	width: 390px;
	height: 0;
	padding: 40px 0 0;
	overflow: hidden;
	background: url(../../img/admin/logo.png) bottom no-repeat;
}

.top-links {
	float: right;
	width: 45%;
	color: #4d4d4d;
	position: relative;
	top: -3px;
	font-weight: normal;
	line-height: 1.2em;
}

.top-links a {
	color: #fff;
	font-weight: normal;
}

.top-links ul {
	float: right;
	margin: 0;
	padding: 0;
}

.top-links ul li {
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #00b0ed;
}

.top-links ul li:last-child {
	padding: 0;
	border-right: 0;
}

#content {
	float: left;
	clear: both;
	width: 102%;
	min-height: 400px;
	margin: 0 -1%;
	padding: 0 1%;
	background: url(../../img/admin/content-bg.gif) left 45px repeat-x;
}

#content h1 {
	font-size: 25px;
}

#content h2 {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 10px;
}

#content h3 {
	font: italic 17px Georgia, sefif;
	color: #00b0ed;
	margin-top: 2em;
	margin-bottom: 15px;

}

/* Drop down menu */
.top-menu {
	float: left;
	clear: both;
	width: 100%;
	margin: 14px 0 6px 0;
	_margin: 6px 0 0 0;
	padding: 8px 0;
	.padding: 8px 0 2px 0;
}

/* Drop down menu */
#nav {
	margin: 0 -1% !important;
	padding: 0 1% !important;
}

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
}

#nav li a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 0 1.5em 0 0;
	margin: 0 1.5em 0 0;
	border-right: 1px solid #00b0ed;
}

#nav li:last-child a {
	border-right: 0;
}

#nav li li a {
	display: block;
	text-decoration: none;
	padding: 0;
}

#nav li li a {
	display: block;
	text-decoration: none;
	padding: 6px 2em 6px 1em;
}

#nav a.daddy {
	background: url(../img/arrow.gif) center right no-repeat;
}

#nav ul {
	margin: 15px 0;
	line-height: 17px;
}
#nav li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 16.4em;
	w\idth: 15.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	padding-top: 15px;
	z-index: 99;
}

#nav li li {
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #1a1a1a;
	background: #2c2c2c url(../../img/admin/sub-menu-bg.gif) repeat-x;
	width: 100%;
}

#nav li li:first-child {
	border-top: 0;
}

#nav li ul a {
	float: none;
	margin: 0;
	border: 0;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: -1.5em;
}

#nav li li:hover, #nav li li.sfhover {
	background: #2c2c2c;
}

#nav.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
	background: #333 url(../../img/admin/bg-head.jpg) center bottom repeat-x;
}

/* Breadcrumb */
.bar-title {
	font-size: 11px;
}

.breadcrumb {
	color: #4d4d4d;
	margin: 0 -1% 15px -1%;
	margin-top: 8px;
	padding: 3px 1% 15px 1%;
	border-bottom: 1px solid #f0f0f0;
	height: 37px;
                background-color: transparent;
                display: block;
}

.breadcrumb a {
	color: #4d4d4d;
	font-weight: normal;
	text-decoration: none;
}

.breadcrumb a:last-child {
	color: #00b0ed;
}

/* Admin Category Menus */
ul.admin-cat-menus {
	margin: 0;
	padding: 0;
}

ul.admin-cat-menus li {
	float: left;
	width: 200px;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0;
}

/* Paging */
.paging {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 14px;
}

.paging a {
	text-decoration: none;
}

.totalresults {
	margin: 10px 5px;
}

.totalresults strong {
	font-weight: normal;
}

.pagenumber ul {
	margin: 0;
	padding: 0;
}

.pagenumber ul li {
	float: left;
	list-style: none;
	margin-right: 4px;
}

.pagenumber .current,
.pagenumber a {
	float: left;
	height: 14px;
	padding: 4px 6px;
	background: #e6e6e6 url(../../img/admin/pagenumber-bg.gif) repeat-x;
}

.pagenumber .current {
	color: #fff;
	background: #f29020 url(../../img/admin/pagenumber-current-bg.gif) repeat-x;
}

.pagenumber a[rel='prev'],
.pagenumber a[rel='first'],
.pagenumber a[rel='next'],
.pagenumber a[rel='last'] {
	color: #fff;
	font: italic 13px Georgia,serif;
	padding-top: 3px;
	padding-bottom: 5px;
}

.pagenumber a[rel='prev'] {
	padding-left: 25px;
	background: url(../../img/admin/prevpage-bg.png) no-repeat;
}

.pagenumber a[rel='first'] {
	padding-left: 25px;
	background: url(../../img/admin/firstpage-bg.png) no-repeat;
}

.pagenumber a[rel='next'] {
	padding-right: 25px;
	background: url(../../img/admin/nextpage-bg.png) right no-repeat;
}

.pagenumber a[rel='last'] {
	padding-right: 25px;
	background: url(../../img/admin/lastpage-bg.png) right no-repeat;
}

/* Actions */
.actions {
	clear: both;
	margin: 20px 0;
}

.actions ul {
	margin: 0;
	padding: 0;
}

.actions ul li {
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0;
}

div.actions {
	display: table;
	margin: 0;
}
div.actions a {
	float: left;
	font: italic 13px/16px Georgia, serif;
	color: #fff;
	text-align: center;
	height: 22px;
	padding: 3px 30px 3px 8px;
	background: url(../../img/admin/addnew-bg.png) right no-repeat;
}

div.actions a.back {
	background: url(../../img/admin/prevpage-bg.png) no-repeat;
	padding-right: 8px;
	padding-left: 30px;
}

div.actions .back a{
	background: url(../../img/admin/remove-bg.png) right no-repeat;
}
div.actions a.print {
	background: url(../../img/admin/print-bg.png) right no-repeat;
}

td.actions a {
	color: #00b0ed;
}

/* Fieldset */
fieldset {
	clear: both;
	border: none;
	margin: 10px 0;
}

fieldset legend {
	font: bold 16px Arial, Helvetica, sans-serif;
	.color: #fff;
	letter-spacing: -1px;
	margin-bottom: 10px;
	.margin-left: -6px;
}

fieldset label {
	float: left;
	display: inline;
	width: 200px;
	margin-right: 10px;
        font-weight: normal;
}

fieldset .radio-group label {
	float: none;
	display: inline;
	width: auto;
	margin-right: 10px;
}

fieldset .form-container {
	clear: both;
	padding: 4px 0 6px 0;
}

fieldset .form-container input.textbox, fieldset .form-container textarea {
	font: 14px Arial, Helvetica, sans-serif;
	width: 50%;
	padding: 2px;
	border: 1px solid #dedede;
}

fieldset .form-container input.checkbox {
	font: 14px Arial, Helvetica, sans-serif;
	width: auto;
	padding: 2px;
}

fieldset .form-container input.button {
	font: 14px Arial, Helvetica, sans-serif;
	width: auto;
	padding: 2px;
}

fieldset .form-container input.form-error {
	border: 1px solid #c18888;
}

fieldset .form-container .error-message {
	font-size: 11px;
	font-weight: bold;
	color: #e45b00;
	margin-left: 160px;
	_margin-left: 163px;
}

fieldset .error-message {
	font-size: 11px;
	font-weight: bold;
	color: #e45b00;
}


/* Form */
fieldset {
	border: none;
}

fieldset legend {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	display: block;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	letter-spacing: -1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left: -6px;
}
div.input.radio fieldset legend {
                border: none;
                font-size: 12px;
                color: #000;
                letter-spacing: normal;
                font-weight: normal;
                margin-left: -160px;
}
fieldset .text label {
	float: left;
	display: inline;
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 1px 0;
}

fieldset .input {
	clear: both;
	padding: 10px 0;
}
fieldset .file input {
                display: inline-block;
}
fieldset .image {
                margin-left: 150px;
}
fieldset .text input, fieldset .password input, fieldset .email input, fieldset .tel input, fieldset .textarea textarea, fieldset .number input, fieldset .file input[type=text], fieldset .email input, fieldset .tel input, fieldset .select select[multiple] {
	font: 13px Arial, Helvetica, sans-serif;
	width: 50%;
	border: 0;
	background: #f2f2f2;
	padding: 3px 5px;
	border: solid 1px #ccc;
	-moz-box-shadow: inset 0 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff;
	behavior: url(/pie/pie.php);
}
fieldset .select select[multiple] {
                height: 200px;
}
fieldset .number input{
	width: 10%;
	margin-left: 2px;
}

#uniform-InvoiceDateMonth{
	margin-right: 5px;
}

#uniform-InvoiceDateDay{
	margin-left: 5px;
	margin-right: 5px;
}

#uniform-InvoiceDateYear{
	margin-left: 5px;
}

fieldset .textarea textarea {
	padding-right: 0;
	padding-bottom: 0;
	resize: none;
}
fieldset .textarea div.cke {
                clear: both;
}
fieldset .textarea #editors a {
                background-color: #f2f2f2;
                border: solid 1px #ccc;
                font-weight: normal;
                cursor: pointer;
                box-shadow: inset 0 0 0 1px #fff;
                padding: 3px 5px;
}
fieldset .textarea #editors a.current {
                color: #000;
                border-color: #000;
}
fieldset .checkbox label, fieldset div.input.radio label {
	float: none;
	padding-left: 4px;
}

div.submit {
	margin: 10px 0;
}
div.submit.plus input {
    background: url("../../img/admin/addnew-bg.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    margin: 0;
    padding: 3px 30px 3px 8px;
    text-align: center;
}
div.submit.inline {
    float: right;
}

div.submit.inline input {
    margin: 0;
    padding: 0 35px 0 20px;
    text-align: left;
}
div.submit.small {
    display: inline-block;
    width: auto;
    margin: 0 0 0 10px;
}
div.submit.small input {
    margin: 0;
}
div.submit input {
	background: url(../../img/admin/submit-bg.png) right no-repeat;
	font: italic 13px/16px Georgia, serif;
	color: #fff;
	margin-left: 160px;
	height: 22px;
	padding: 2px 25px 4px 6px;
	border: 0;
	min-width: 95px;
	text-align: left;
}

.pages.form div.submit input {
	background: url(../../img/admin/addnew-bg.png) right no-repeat;
}

div.submit input:hover {
	cursor: pointer;
}

fieldset .text .error-message, fieldset .select .error-message, fieldset .textarea .error-message,
fieldset .checkbox .error-message, fieldset .password .error-message, fieldset .email .error-message, fieldset .tel .error-message {
	font-size: 11px;
	color: #e45b00;
}

fieldset .select .error-message, fieldset .textarea .error-message, div.checkbox, div.input.radio, fieldset .password .error-message, fieldset .email .error-message, fieldset .tel .error-message {
	margin-left: 160px;
}

fieldset .hint {
	font-size: 11px;
	color: #666;
	margin-left: 160px;
	_margin-left: 163px;
}

fieldset div.selector,
div.input.time div.selector {
    cursor: pointer;
    height: 24px;
    line-height: 22px;
    padding-right: 22px;
}
fieldset div.selector.disabled span,
div.input.time div.selector.disabled span {
    color: #CCCCCC;
}
fieldset .extra-width div.selector, fieldset .extra-width div.selector select {
    width: 217px !important;
}
fieldset div.selector span,
div.input.time div.selector span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../../img/admin/arrows-select.png") no-repeat scroll right center #F2F2F2;
    border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
}
div.selector select {
    height: 24px;
}
div.checker span,
div.input.radio div.radio span {
    background: url("../../img/admin/checker-bg.gif") repeat-x scroll 0 0 #E6E6E6;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    width: 20px;
}
fieldset div.checker span, fieldset div.checker input {
    height: 20px;
    line-height: 20px;
    width: 20px;
    margin: 0 !important;
}
fieldset div.checker span.checked {
    background: url("../../img/admin/checker-checked.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}

fieldset div.input iframe {
	border: solid 1px #ccc !important;
	background-color: #f2f2f2 !important;
}

fieldset div.new-caption {
	height: 200px;
	width: 102%;
	margin-top: 15px;
	margin-bottom: -200px;
	margin-left: -1%;
	margin-right: -1%;
	border-top: 1px solid #f0f0f0;
	background: url(../../img/admin/content-bg.gif) repeat-x;
}

dl {
	float: left;
	clear: both;
	margin: 10px 0;
}

dl dt {
	float: left;
	clear: both;
	width: 400px;
	font-style: italic;
	margin-right: 10px;
	padding-bottom: 6px;
}

dl dd {
	float: left;
	width: 450px;
	padding-bottom: 6px;
}

/* Messages */
#flashMessage {
	clear: both;
	margin: 20px 0;
}

.message {
	clear: both;
	background: #00b0ed;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	margin: 10px 0;
}

.success{
	clear: both;
	background: #96d01d;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	margin: 10px 0;
}

.error-message {
	font-size: 11px;
	font-weight: bold;
	color: #f4e476;
}

.highlight {
	background: #ffff99;
}


/* Footer */
#footer {
	background: #5a6a79 url(../../img/admin/bg-foot.jpg) center top repeat-x;
	margin: 30px -1% 0 -1%;
	padding: 0 1%;
	height: 70px;
                width: 102%;
}
#footer .logo {
	float: left;
	width: 400px;
	margin-top: 15px;
}
#footer .top-links {
	top: 15px;
}


/* Uniform Styles  */
div.selector,
div.checker,
div.checker span,
div.input.radio div.radio,
div.input.radio div.radio span {
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
div.selector,
div.checker,
div.checker span,
div.input.radio div.radio,
div.input.radio div.radio span {
	line-height: 23px;
	height: 23px;
	position: relative;
}
div.selector span {
	height: 23px;
	line-height: 23px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
div.selector select,
div.checker input,
div.input.radio div.radio input {
	bottom: 0px;
	left: 0px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity:0);
}

form div.input.radio,
form div.input.checkbox {
	display: table;
	width: 100%;
}
form div.input.radio div.option-wrapper,
form div.input.checkbox div.option-wrapper {
	display: inline-block;
	width: 55%;
}
form div.input.radio div.option-wrapper label,
form div.input.checkbox div.option-wrapper label {
	float: none;
}
form div.input.radio div.radio,
form div.input.checkbox div.checker {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	margin-top: -2px;
}
form div.input.radio div.radio span.checked,
form div.input.checkbox div.checker span.checked {
	background: url(../../img/admin/checker-checked.png) no-repeat;
}

article#imageRowContain {
    border-top: 5px solid #CCCCCC;
    border-bottom: 5px solid #CCCCCC;
}
article#imageRowContain div.input.file {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    margin: 5px 0 0 0;
    padding: 5px;    
}
article#imageRowContain div.input.file.sorty {
    cursor: move;
}
article#imageRowContain div.input.file.ui-sortable-helper {
    margin: 10px !important;
}
article#imageRowContain div.input.file.ui-sortable-placeholder {
    background-color: #f1f1f1;
    display: block !important;
    visibility: visible !important;
    border: 5px dashed #ddd; 
}
img.current-image {
    width: 270px;
    margin: 0 0 0 160px;
    padding: 10px 0;
}

#newClient {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 20px 0;
    display: none;
}


iframe#upload_frame {
    margin-left: 160px !important;
    width: 300px;
    height: 16px;
}

body.progress {
    background-color: #FFF;
    background-image: none;
    margin: 0;
    padding: 0;
}
body.progress #progress_parent{
        border:none;
        padding: 0;
        margin: 0;
}
body.progress #progress_container {
        width: 300px; 
        border: none;
        background-color:#f2f2f2;
        display: block; 
        margin: 0;
}

body.progress #progress_bar {
        position: relative; 
        height: 16px; 
        background-color: #00b0ed; 
        width: 0%; 
        z-index:10; 
}

body.progress #progress_completed {
        font-size: 11px; 
        z-index:40; 
        line-height:16px; 
        padding-left:4px; 
        color:#FFFFFF;
        font-weight: bold;
}

#pricingRowContain .input input[type=text],
#pricingRowContain .input input[type=number],
#availRowContain .input input[type=text],
#imageRowContain .input input[type=text] {
    width: auto;
}

div.input input.datepicker[type=text] {
    cursor: pointer;
    background-image: url('/img/button-calender.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
}

ul#menu-items {
    margin: 0;
    list-style: outside none none;
    padding: 0;
    width: 30%;
    float: left;
}
ul#menu-items li div.parent, ul#menu-items li div.child ul.sub-menu-items li {
    display: block;
    background: #f2f2f2;
    padding: 3px 5px;
    margin: 0 0 10px 0;
    border: solid 1px #ccc;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    behavior: url(/pie/pie.php);
    width: 100%;
    cursor: move;
}
ul#menu-items li div.child ul.sub-menu-items li {
    margin-left: 30px;
    width: auto;
}
ul#menu-items li.marker, ul#menu-items li div.child ul.sub-menu-items li.marker {
    background: #f2f2f2;
    height: 37px;
    border: 1px dashed #CCC;
    margin-bottom: 10px;
}
ul#menu-items li h5 {
    font-weight: normal;
}
ul#menu-items li h5 span {
    font-weight: normal;
    float: right;
    display: inline-block;
    cursor: pointer;
    color: #00b0ed;
}
ul#menu-items li div.menu-info {
    display: none;
}

ul#menu-items li div.menu-info a.remove-menu-item,
ul#menu-items li div.menu-info a.add-menu-child {
    color: #00b0ed;
    margin: 0 0 10px 160px;
    display: block;
}
div.input.custom input#add-menu-item,
ul#menu-items input.add-menu-child {
    background: url(../../img/admin/submit-bg.png) right no-repeat;
    font: italic 13px/16px Georgia, serif;
    color: #fff;
    margin-left: 160px;
    margin-bottom: 10px;
    height: 22px;
    padding: 2px 25px 4px 6px;
    border: 0;
    min-width: 95px;
    text-align: left;
}