/* This stylesheet is used to style the public-facing components of the plugin. */
body {
	background-color: #FFFFFF; 
	margin: 0px; 
}

.bgBorders {
	background-color: #FFFFFF;
}

/*menu*/
.menuBg {
	background-color: #6b7b84; 
	height: 24px;
}
.menuCell {
	vertical-align: middle;  
	text-align: center; 
	border-right: solid 1px; 
	border-right-color: #ffffff; 
	height: 24px
}
.menuFont {
	text-align: center; 
	font-size: 12px;
  font-family: 'Istok Web', sans-serif;  
	color: #ffffff; 
	padding-left: 0px; 
	text-decoration: none;
}
.comments {
	background-color: #ffffff;
	font-size: 12px;
  font-family: 'Istok Web', sans-serif;  
	color: #cccccc; 
	text-align: right; 
	text-decoration: none;
	height: 60px
}
.menuLogCell {
	background-color: #000000; 
	vertical-align: middle;  
	text-align: center;
	height: 24px
}


/*forms*/
.login {
	/*width: 55px; 
	font: 10px verdana, sans-serif, arial; 
	vertical-align: middle; 
	color: #780001; 
	background-color: #e7e3e7; */
}
.button {
	color: #e2e1e1;
	background-color: #000000; 
	border: none; 
	font-size: 16px;
  font-family: 'Istok Web', sans-serif; 
}


option {
	font-size: 10px;
  font-family: 'Istok Web', sans-serif; 
}
.options {
	font-size: 10px;
  font-family: 'Istok Web', sans-serif; 
	vertical-align: middle; 
	color: #780001; 
	border: 1px solid grey;
  width: 400px;

}
.options_sm {
	font-size: 10px;
  font-family: 'Istok Web', sans-serif; 
	vertical-align: middle; 
	color: #780001; 
	background-color: #e7e3e7; 
	border: solid 1px; 
	border-color: #460000;
	width:180px;
}
.wh {
	width: 30px; 
	font-size: 10px;
  font-family: 'Istok Web', sans-serif; 
}


/*content design*/
.common {
	padding-right: 20px;
	font-size: 15px;
  font-family: 'Istok Web', sans-serif; 
	color: #333333; 
}
.title {
	font-size: 21px;
  font-family: 'Istok Web', sans-serif;  
	color: #666666; 
}

/*submenu*/
.subCell {
	vertical-align: middle;  
	text-align: left; 
	height: 24px; 
	padding-left: 24px
}
.subFont {
	text-align: left; 
	font-size: 11px;
  font-family: 'Istok Web', sans-serif;  
	color: #666666; 
	text-decoration: none;
}
A.subFont:link {COLOR: #666666;}
A.subFont:active {COLOR: #666666;}
A.subFont:visited {COLOR: #666666;}
A.subFont:hover {COLOR: #666666; text-decoration: underline;}

.titleSub {
	font-size: 14px;
  font-family: 'Istok Web', sans-serif;  
  font-weight: bold;
	color: #666666; 
	text-align: left;
	height: 24px; 
	padding-left: 24px; 
	vertical-align: middle
}
.subText {
	font-size: 11px;
  font-family: 'Istok Web', sans-serif; 
	color: #333333; 
	text-align: left; 
	height: 24px; 
	padding-left: 24px; 
	vertical-align: middle; 
	background-color: #6b7b84;
}



/*order list*/
#tableHeader {
	background-color: #bf311a;
	font-size: 16px;
  font-family: 'Istok Web', sans-serif; 
	color: #fff;
  height: 40px;
  

}
.tableHeader1 {
	background-color: #E7E3E7; 
	font-size: 13px;
  font-family: 'Istok Web', sans-serif; 
	color: #333333; 
	padding-left: 3px; 
	height: 40px
}
.tableHeader2 {
	background-color: #FFFFFF; 
	font-size: 13px;
  font-family: 'Istok Web', sans-serif; 
	color: #333333; 
	padding-left: 3px; 
	height: 40px
}

/*.tableHeader1 input,
.tableHeader2 input {
	width: 96.9%;
}*/

.list .tableHeader1:hover,
.list .tableHeader2:hover,
.list .tableHeader1 td:hover,
.list .tableHeader2 td:hover {
	background-color: #FFC2B8;
	cursor: pointer;
}

.linked {text-decoration: underline}
.ref {
	font-size: 18px;
  font-family: 'Istok Web', sans-serif; 
	color: #460000
}
td #lastline {
	border-top: solid 3px; 
	border-top-color: #a09f9f
}


.error {
	text-align: center;
font-family: bebasneueregular;
font-size: 26px;
font-weight: normal;
color: #bf311a;
border-bottom: 5px solid #bf311a !important;
  border: 5px 0 0 0 !important;
}

A.menu {text-decoration: none;  COLOR: #ffffff;}
A.menu:link {COLOR: #ffffff;}
A.menu:active {COLOR: #ffffff;}
A.menu:visited {COLOR: #ffffff;}
A.menu:hover {COLOR: #ffffff; text-decoration: underline;}

A.line {text-decoration: none;  COLOR: #000000;}
A.line:link {COLOR: #000000; font-weight: bold;}
A.line:active {COLOR: #000000; font-weight: bold;}
A.line:visited {COLOR: #000000; font-weight: bold;}
A.line:hover {COLOR: #000000; text-decoration: underline; font-weight: bold;}

A.black: {text-decoration: none;  COLOR: #000000;}
A.black:link {COLOR: #000000;}
A.black:active {COLOR: #000000;}
A.black:visited {COLOR: #000000;}
A.black:hover {COLOR: #000000; text-decoration: underline;}

.b {font-family: 'Istok Web', sans-serif; font-size: 16px;}
/*frnt page*/
.adsFront { background-image: url('images/ads_front.jpg'); height: 460px; width: 750px}
.logoPos {position: relative; left: -200px; top: 400px}
/*end style for front page*/

/* New style for user area */
table#stats_table {
	font-size: 16px;
  font-family: 'Istok Web', sans-serif; 
	color: #333333; 
	padding-left: 3px; 
	height: 20px
}
table#stats_table td {
	padding-left: 8px;
}

/* styles required to work with wordpress */

.site-content .entry-header, 
.site-content .entry-content, 
.site-content .entry-summary, 
.site-content .entry-meta, 
.page-content {
	max-width: 100%;
} 

table,
thead,
tbody,
tr,
td {
	border: 0px;
	padding:5px;
	font-family: 'Istok Web', sans-serif;
	font-size: 16px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.entry-content td {
	white-space: normal;
}

select {
	padding: 7px 2px;
}

label {
	display: inline-block;
}

.day,
.month {
	width: 70px;
}

.year {
	width: 85px;
}

#user_images td {
	padding-left: 0;
}

/* print styles */
@media print {

	.content-area {
		padding-top: 10px;
	}

    .navbar-fixed-top,
	.entry-header,
    section.section-tickets .sidebar,
    h3,
    footer,
    .search-orders,
    .sort-form,
    #orders-pagination {
		display: none;
	}

    .tickets {
        margin-top: 0;
    }

}


.user-add-order .tableHeader1 {
line-height: 55px;
}

.user-add-order .tableHeader2 {
line-height: 55px;
  background: #E7E3E7;
}

/* and for the client view order pages; */

.user-order-details-table .tableHeader1 {
}

.user-order-details-table .tableHeader2 {
  background: #E7E3E7;
}

/* and the admin view order details page */

.order-details-table .tableHeader1 {
}

.order-details-table .tableHeader2 {
  background: #E7E3E7;
}

table > tbody > tr > td:nth-child(1) > table > tbody > tr > td > table:nth-child(2) > tbody > tr:nth-child(17) > td.order_images.style\3d > div > a
{color: #fff !important;}
.search-orders{text-align: right;margin-right: 5px;}
.left-side{margin-left: 40px;}
.admin-title{font-weight: normal;
font-family: bebasneueregular;
font-size: 26px;
font-weight: normal;
color: #000;}

table > tbody > tr > td:nth-child(1) > table > tbody > tr > td > table:nth-child(2) > tbody > tr:nth-child(18) > td.order_images.style\3d > div > a{color: #fff}

img.avatar.avatar-96.photo {
  width: auto !important;
}

.images-manager {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}