﻿.category_item
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 5px 2px 0px;
	text-decoration:none;
	color:#555;
}
.category_left
{
	height:300px;	
	margin-bottom:28px;
	padding-left:10px;
	padding-bottom:10px;
	border-bottom:1px solid #F0EEEE;
	border-left:1px solid #F0EEEE;
	border-right:1px solid #F0EEEE;
	background-color:#FBFBFB;
	width:193px;
	overflow:auto;
}

.category_left a:hover
{
	color:#008BFC;
}

.book_img 
{
	min-width:75px;
	min-height:115px;
	width:75px;
	height:115px;
	margin:0px 0px 0px 70px;
}
.simple_label_main
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px 2px 0px;
	text-decoration:none;
	color:#666;
}
.simple_label_main a:hover
{
	color:#008BFC;	
}
.simple_label_sub
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 5px 2px 0px;
	text-decoration:none;
	color:#444;
}
.simple_label_sub a:hover
{
	color:#008BFC;	
}

.link_button
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color:#008BFC;
}

.link_button a:hover
{
	color:#008BFC;	
}

.divGrid
{
	border: #eee 1px solid; 
	min-height:300px;
	overflow:auto;
}
.gridHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
.verticalAlign
{
	vertical-align:middle;
}

.gridIconVerticalAlign
{
	vertical-align:middle;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
}

.gridViewStyle
{
	padding-right:5px;
	padding-left:5px;
	height:25px;
}
.shopping_cart_product_left
{
	font-family: Arial, Helvetica, sans-serif;
	height:34px;
	color:#666;
	background-color:#fdfdfd;
	padding-left:5px;
	font-size: 12px;
}
.shopping_cart_product_right
{
	font-family: Arial, Helvetica, sans-serif;
	height:34px;
	color:#666;
	background-color:#fdfdfd;
	padding-right:5px;
	font-size: 12px;
	text-align:right;
}
.shopping_cart_quantity 
{
	font-family: Arial, Helvetica, sans-serif;
	height:24px;
	text-align:center;
	border:1px solid #eee;
	color:#666;
	background-color:#fdfdfd;
}
.shopping_cart_grid
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#666;
	width:695px;
	background-color:#f3f3f3;
}
.shopping_cart_product_remove
{
	vertical-align:middle;
	text-align:center;
}

.shopping_cart_total
{
	font-family: Arial, Helvetica, sans-serif;
	height:24px;
	text-align:right;
	border:1px solid #eee;
	color:#666;
	background-color:#fdfdfd;
	padding:7px 3px 0px 0px;
	margin:0px -1px 0px -3px;
}
.shopping_cart_subtotal
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666666;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	text-align:right;
}

.remove_icon
{
	vertical-align:middle;
	text-align:center;
}

.normal_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666;
}

.gray_text_12px
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
}

.bold_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666;
	font-weight:bold;
}
.text_heading1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#218CD3;
	font-weight:bold;
}
.remove_wishlist a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fb6a2a;
	font-style:italic;
	float:right;
	margin-top:-15px;
}


/* ########## Backoffice Buttons  ########## */

.visualize { top: 10px; }

.ModalBackground
{
	background-color:Gray;

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

h2  
{
	font-size: 18px; 
	color: #222; 
	font-weight: bold; 
	padding-bottom: .25em; 
	margin-bottom: 1em; 
	border-bottom: 1px dotted #CCC; 
}

h3  
{
	font-size: 14px; 
	color: #444; 
	font-weight: bold; 
	padding-bottom: .5em; 
	margin-bottom: 1.35em; 
	border-bottom: 1px dotted #CCC; 
}

/* -------------------------------------------------------------- 
   Tickets
-------------------------------------------------------------- */
.ticket {
	padding: 3px 4px;
	text-align: right;
	color: #fff;
	font-size: 10px;
	display: inline;
	white-space: nowrap;
	width: 60px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ticket.open { background-color: #F90; }
.ticket.closed { background-color: #999; }
.ticket.responded { background-color: #222; }

/* -------------------------------------------------------------- 
   Dashboard Tables
-------------------------------------------------------------- */
.support_table .full { width: 70%; font-size: 11px; }
.support_table .who { width: 30%; text-align: right; font-size: 10px; color: #999; }

.info_table .value { width: 25%; font-size: 18px; font-weight: bold; color: #222; }

.inbox_table .avatar { width: 60px; }
.inbox_table .full { width: 80%; font-size: 11px; }
.inbox_table .who { width: 20%;  text-align: right; font-size: 10px; color: #999; }

img.avatar_img
{
	width: 54px; 
	padding: 2px;
	border: 1px solid #CCC; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}

#welcome { margin-top: 1em; }
#welcome table { margin-top: 2.5em; }

/* -------------------------------------------------------------- 
   Reports Page
-------------------------------------------------------------- */	
#big_stats 
{ 
	/* background: #f3f3f3;  */
	width: 100%; 
	padding: 0; 
	float: left; 
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

	*+html #big_stats { padding-bottom: 2em; }

.stat
{
	width: 29%;
	height: 90px;
	padding: 0 2%;
	float: left;
	position: relative;
	border-left: 1px dotted #CCC;
}

*+html .stat { height: 100px; }

.stat:first-child { border: none; }

.stat h4
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 1.5em;
}

.stat .value
{
	font-size: 56px;
	font-weight: bold;
	color: #222;
	line-height: 1em;
}

.stat .view_all
{
	font-size: 11px;
	position: absolute;
	right: 20px;
	bottom: 12px;
}

.report_chart { margin-top: 2em; }
.reports_table .value { width: 100px; text-align: right; }
.reports_table .value span  
{
	background: #F90; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFF; 
	width: 40px; 
	text-align: center;  
	padding: 3px 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
}
	
.reports_table td { padding: 5px; }

/* ----------------- AJAY ----------------- */

.data-table tr td {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.top-text {
	color: #FFFFFF;
	font-weight: bold;
}
.isa-text {
	color: #FFF;
	font-size:14px!important;
	text-align:left;
	font-weight:bold;
}
.top-links {
	color: #FFFFFF;
	font-size:12px!important;
	font-weight: bold;
}

.top-user {
	color: #F90;
	font-size:12px!important;
	float:left;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 0.25em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #CCC;
	background-color: #444444;
	padding-left: 5px;
	padding-top: 3px;
}

h3  
{
	font-size: 14px; 
	color: #444; 
	font-weight: bold; 
	padding-bottom: .5em; 
	margin-bottom: 1.35em; 
	border-bottom: 1px dotted #CCC; 
}

/* ------------  NEERAJ ------------ */
.messageNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #CC0000;
	text-decoration: none;
	margin-left: 5px;
	vertical-align:middle;
}

.messageNormalBlack16pxBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-left: 5px;
	vertical-align:middle;
}

.messageNormalBlack16px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-left: 5px;
	vertical-align:middle;
}

.messageNormalBlack20px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-left: 5px;
	vertical-align:middle;
}

.messageSuccess {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #6BAB03;
	text-decoration: none;
	margin-left: 5px;
	vertical-align:middle;
}

.messageFailure {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #CC0000;
	text-decoration: none;
	margin-left:5px;
	vertical-align:middle;
}

.mandatory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #CC0000;
	text-decoration: none;
}

.pagebarUTH { font-size: 0.6em;font-family:verdana; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #FFF; background: #FFF; text-decoration: none; }
.pagebarUTH a, .pageList .this-page {color: #693; text-decoration: underline;border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebarUTH a:hover {border: 1px solid #693;} 
.pagebarUTH a:visited {color: #693; text-decoration: underline; border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebarUTH .break { padding: 2px 6px; border: none; background: #FFF; text-decoration: none; }
.pagebarUTH .this-page { border: 1px solid #693; padding: 0.2em 0.5em; font-weight: bold; background: #693; color: #FFF; }
.pagebarUTH a:active{color: #360; text-decoration: underline;}

/* Page Numbers */
.pagerStyle1 {font: 83%/1.4 arial, helvetica, sans-serif; padding: 1em; margin: 1em 0; clear: left; font-size: 85%;}
.pagerStyle1 a, .pagetStyle1 span {color:#003366; display: block; float: left; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #fff; background: #fff;}
.pagerStyle1 span.current { border: 1px solid #2E6AB1; font-weight: bold; background: #2E6AB1; color: #fff;}
.pagerStyle1 a { border: 1px solid #9AAFE5; text-decoration: none;}
.pagerStyle1 a:hover { border-color: #666666;}
.pagerStyle1 a.nextprev { font-weight: bold;}
.pagerStyle1 span.nextprev {color: #666;}
.pagerStyle1 span.nextprev { border: 1px solid #ddd; color: #999;}
.pagerStyle1 .nextprev-next { float: right;}

.lable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	font-style:normal;
	color: #000000;
	text-decoration: none;
	text-align:left;
	vertical-align:middle;
}

.numericTextBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	font-style:normal;
	color: #000000;
	text-decoration: none;
	text-align:right;
	vertical-align:middle;
}

.stringTextBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	font-style:normal;
	color: #000000;
	text-decoration: none;
	text-align:left;
	vertical-align:middle;
}

.verticalAlign
{
	vertical-align:middle;
}

table.table 
{
	border-width: 1px;
	border-spacing: 1px;
	border-style: none;
	border-color: #bbbbbb;
	border-collapse: collapse;
	background-color: white;
}
table.table th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	background-color: #dddddd;
	font-weight:bold;
}
table.table td {
	border-width: 1px;
	padding: 0px 5px 0px 5px;
	border-style: solid;
	border-color: #dddddd;
	background-color: white;
}
.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}
.categoryGroupRepeater
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color: #444;
	text-decoration: none;
	text-align:left;
}

.categoryRepeater
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color: #888;
	text-decoration: none;
	text-align:left;
}
