/* AWESOME BUTTON */
.awesome, .awesome:visited
{
	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover						{ background-color: #111; color: #fff; }
.awesome:active						{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 10px; font-weight:normal;padding: 4px 7px 4px;  -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited			{ background-color: #91bd09; }
.green.awesome:hover					{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited			{ background-color: #2daebf; }
.blue.awesome:hover					{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover					{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover					{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover					{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover					{ background-color: #fc9200; }

input.awesome{
	border:none;
}

.gradient{
	line-height:1em;
	letter-spacing:-0.05em;
	position:relative;	
}
.gradient span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url("../images/gradient_2.png") repeat-x;
}
.gradient2{
	line-height:1em;
	letter-spacing:-0.05em;
	position:relative;	
}
.gradient2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url("../images/gradient_1.png") repeat-x;
}

/* MESSAGE BOXES
/////////////////////////////*/
.message-box { text-align: center; padding: 5px; color:#000; width:80%;  margin:5px auto; }
.clean { background-color: #efefef;}
.info  { background-color: #D1F4FD;}
.ok    { background-color: #d7f7c4;}
.success{ background-color: #d7f7c4;}
.notice { background: #FEE49E;color:#5B1E16}
.error { background-color: #FFAC9E;color:#5A0601}

.icon_notice{
	background:transparent url('../../admin/img/icon/warning.png') no-repeat left center;
	padding-left:20px;
	line-height:23px;
}
.icon_ok{
	background:transparent url('../../admin/img/icon/success.png') no-repeat left center;
	padding-left:20px;
	line-height:23px;
}
.icon_success{
	background:transparent url('../../admin/img/icon/success.png') no-repeat left center;
	padding-left:20px;
	line-height:23px;
}
.icon_info{
	background:transparent url('../../admin/img/icon/info.png') no-repeat left center;
	padding-left:20px;
	line-height:23px;
}
.icon_error{
	background:transparent url('../../admin/img/icon/error.png') no-repeat left center;
	padding-left:20px;
	line-height:23px;
}

.error_string{ color :#FF4F11}
.ok_string{ color :#84BD58}

/* TABLES */
/* Table 1 Style */
.table1
{
	font-size: 12px;
	border-collapse: collapse;
	text-align: left;
	margin-top:5px;
	table-layout:fixed;
}
.table1 th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	border-bottom: 2px solid #7BC043;
	background-color:#F4FAEF;
	background: #222 url(../../common/images/alert-overlay.png) repeat-x;
}
.table1 th:first-of-type{
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius:5px;
}
.table1 th:last-of-type{
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius:5px;
}
.table1 td
{
	border-bottom: 1px solid #ccc;
	padding: 6px 8px;
}
.table1 tr.spot td
{
	border-bottom: 2px solid #ccc;
	text-transform:uppercase;
	font-weight:bold;
}
.table1 tr.border td,.table1 tr.border th
{
	border: 1px solid #E6E6E6;
}
.table1 tr.headspot{
	border: 1px solid #E6E6E6;
}
td.wrap{
	overflow: hidden;
	vertical-align: middle;
	white-space: nowrap;
}
.table1 tr.hoverlink:hover{
	cursor:pointer;
}
.table1 tbody tr:hover td
{
	color: #434343;
}

/* TABLEEEE */
.table2 {
    overflow:hidden;
    border:1px solid #d3d3d3;
    background:#fefefe;
    margin:10px auto 0;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    border-radius:5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.table2 tr.spot td
{
	text-transform:uppercase;
	font-weight:bold;
}
.table2 th,.table2 td {padding:9px 10px 9px;}
 
.table2 th {font-size:14px;padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
 
.table2 td {border-top:1px solid #e0e0e0; /*border-right:1px solid #e0e0e0;*/}
 
.table2 tr.odd-row td {background:#f6f6f6;}
 
.table2 td.first,.table2 th.first {}
 
.table2 td.last {border-right:none;}
.table2 tr.inactive td{
	background-color:#F6F6F6;
	background-image:none;
}
.table2 tr.read td{
	background-color:#E5E5E5;
	background-image:none;
}
.table2 tr.hoverlink:hover{
	cursor:pointer;
}
/*
Background gradients are completely unnecessary but a neat effect.
*/
 
.table2 td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}
 
.table2 tr.odd-row td {
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}
 
.table2 th {
    background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}
 
/*
I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.  Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius
 
And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
*/
 
.table2 tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px; /* Saf3-4 */
}
 
.table2 tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px; /* Saf3-4 */
}
 
.table2 tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}
 
.table2 tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}

.table3
{
	font-size: 12px;
	border-collapse: collapse;
	text-align: left;
	margin-top:5px;
	table-layout:fixed;
}
.table3 th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	border-bottom: 2px solid #7BC043;
	background-color:#F4FAEF;
	background: #222 url(../../common/images/alert-overlay.png) repeat-x;
}
.table3 td
{
	border-bottom: 1px solid #ccc;
	padding: 6px 8px;
}
.table3 tr.spot td
{
	border-bottom: 2px solid #ccc;
	text-transform:uppercase;
	font-weight:bold;
}
.table3 tr.border td,.table3 tr.border th
{
	border: 1px solid #E6E6E6;
}
.table3 tr.headspot{
	border: 1px solid #E6E6E6;
}
.table3 tr.hoverlink:hover{
	cursor:pointer;
}
.table3 tbody tr:hover td
{
	color: #434343;
}

/* PAGING */

.paging{
	margin-top:10px;
}
.paging ul{border:0; margin:0px; padding:0;}

.paging li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	margin-left:2px;
	text-align:right;
	display: inline;
}
.paging a{
	border:solid 1px #7BC043;
	margin-right:2px;
	color:#333;
	padding:4px 9px;
}
.paging .previous-off,
.paging .next-off {
	border:solid 1px #DEDEDE;
	font-weight:bold;
	margin-left:2px;
}
.paging .next a,
.paging .previous a {
	font-weight:bold;
	color:#333;
}
.paging .active{
	border:solid 1px #64A432;
	background:#A2D67A;
	padding:4px 9px;
	margin:0px 2px;
}
.paging a:link,
.paging a:visited {
	text-decoration:none;
}
.paging a:hover{
	border:solid 1px #64A432;
}