@CHARSET "ISO-8859-1";

@font-face {
    font-family: 'clan-bookregular';
    src: url('../font/clan/clan-book-webfont.eot');
    src: url('../font/clan/clan-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/clan/clan-book-webfont.woff') format('woff'),
         url('../font/clan/clan-book-webfont.ttf') format('truetype'),
         url('../font/clan/clan-book-webfont.svg#clan-bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: 'clanthin';
    src: url('../font/clan/clanthin.ttf') format('truetype');
    src: url('../font/clan/Clan-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial, Sans-serif;
    vertical-align: baseline;
    text-decoration:none;
}

html{
	height:100%;
}

body {
	font-size: 13px;
	color: #444;
	background-image: url('http://dev.owcrm.com/images/background.jpg');
	background-repeat: repeat;
	padding-bottom:50px;
}

a{
	color:#666;
}

#header {
	width: 100%;
	height: 110px;
	background-color: #ebebeb;
	z-index: 1000;
	float:none;
	margin: 0 auto;
}

#innerHeaderOW {
	margin:0 auto;
	width: 980px;
	height: 110px;
	background-image: url('http://dev.owcrm.com/images/owsLogo3.png');
	background-repeat: no-repeat;
	background-position: center left;
}

#actionBar {
	float: left;
	width: 100%;
	height: 47px;
	background-image: url('http://dev.owcrm.com/images/base_04.png');
	background-repeat: repeat-x;
}

#actionBarContainer {
	margin:0 auto;
	position: relative;
	width: 976px;
}

.dashboardBtn {
	float: left;
	width: 127px;
	height: 38px;
	background-image: url('http://dev.owcrm.com/images/dashboardHomeBtn.png');
	background-position: 0px 0px;
	cursor: pointer;
}

#search-link{
	float: left; 
	width: 38px; 
	height: 38px; 
	margin-right:3px;
}

#top-link{
	float: right; 
	width: 79px; 
	height: 38px;
}

.changeDashboardMenuArrowRightTop {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('http://dev.owcrm.com/images/changeDashboardMenuBGArrowRight_top.png');
	height: 22px;
	width: 178px;
}

.changeDashboardMenuMiddle {
	position: relative;
	float: left;
	background-image: url('http://dev.owcrm.com/images/changeDashboardMenuBG_middle.png');
	min-height: 21px;
	width: 178px;
	height:74px;
	margin: 22px 0px 8px 0px;
}

.changeDashboardMenuBtn {
	float: left;
	height: 37px;
	width: 176px;
	margin: 0px 1px 0px 1px;
	background-position: 0px 0px;
	cursor: pointer;
}

#set-but{
	background-image:url('http://dev.owcrm.com/images/settingsMenu_Settings.png');
}

#log-out{
	background-image:url('http://dev.owcrm.com/images/settingsMenu_Logout.png');
}

.changeDashboardMenuBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url('http://dev.owcrm.com/images/changeDashboardMenuBG_bottom.png');
	height: 8px;
	width: 178px;
}

#settings-but{
	float: left; 
	width: 38px; 
	height: 38px; 
	cursor:pointer;
}

.SettingsMenu {
	position: absolute;
	top: 45px;
	left: 808px;
	width: 178px;
	z-index: 1000;
	height: 104px; 
	display: none;
}

#container{
	width:980px;
	margin: 0 auto;
	padding:0px;
	background:#fff;
	height:auto;
	padding-bottom:30px;
	top:27px;
	position:relative;
	border-radius:7px;
	background:#ebebeb;
}

.clearfix{
	clear:both;
}

#leftNav{
	margin: 0px;
	position:absolute;
	float:left;
	background:#e3e3e3;
	top:0px;
	border-radius:7px 0px 0px 7px;
	padding:0px;
	width:255px;
	border-right:1px solid #ccc;
    height:100%;
}

#leftHead{
	font-size:40px;
	color:#777;
	font-family: 'clan-bookregular', Helvetica, Arial, Sans-serif;
	text-shadow:1px 2px 4px #ddd, 0 0 0 #fff, 1px 2px 4px #ddd;
	position:relative;
	margin-top:15px;
	padding:20px;
	padding-right:0px;
}

.leftNav_TabContBtn{
	border-top:1px solid #ddd;
}


ul{
	list-style-type:none;
}

ul#report-nav{
	position:relative;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}

ul#report-nav li{	
	padding:0px;
	margin:0px;
	background-position:15px;
}

ul#report-nav li a:hover{
	border-top:1px solid #ccc;
}

ul#report-nav li a{
	display:block;
	padding:7px;
	font-size:12px;
	padding-left:40px;
	font-family: Arial, Sans-serif;
	position:relative;	
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
}

ul#report-nav li a#manufact{
	background:url(../img/manufacture.png) no-repeat;
	background-position:15px;
}

ul#report-nav li a#manufact:hover{
	background:url(../img/manufacthov.png) no-repeat;
	background-position:15px;
}

ul#report-nav li a#sales{
	background:url(../img/sales.png) no-repeat;
	background-position:16px 7px;
}

ul#report-nav li a#sales:hover{
	background:url(../img/saleshov.png) no-repeat;
	background-position:14px 6px;
}

ul#report-nav li a#orders{
	background:url(../img/orders.png) no-repeat;
	background-position:15px 9px;
}

ul#report-nav li a#orders:hover{
	background:url(../img/ordershov.png) no-repeat;
	background-position:11px 6px;
}

ul#report-nav li a#profita{
	background:url(../img/profita.png) no-repeat;
	background-position:14px 4px;
}

ul#report-nav li a#profita:hover{
	background:url(../img/profitahov.png) no-repeat;
	background-position:15px 8px;
}
		
ul#report-nav li:hover{
	background: #7c7d7c; /* Old browsers */
	background: -moz-linear-gradient(top,  #7c7d7c 0%, #979998 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7d7c), color-stop(100%,#979998)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7c7d7c 0%,#979998 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7c7d7c 0%,#979998 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7c7d7c 0%,#979998 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7c7d7c 0%,#979998 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7d7c', endColorstr='#979998',GradientType=0 ); /* IE6-9 */
}

ul#report-nav li a:hover{
	color:#fff;
	font-weight:normal;
	text-shadow: 0px 1px 1px #333;
}

/**************************** content **************/
#content{
	width:692px;
	float:right;
	border-radius:7px;
}

span#heading{
	font-size:40px;
	color:#444;
	font-family: 'clan-bookregular', Helvetica, Arial, Sans-serif;
	text-shadow:1px 2px 4px #ddd, 0 0 0 #fff, 1px 2px 4px #ddd;
	padding-top:35px;
	position:relative;
	display:block;
}

#content-menu{
	width:658px;
	height:55px;
	border-bottom:1px solid #f5f5f5;
	border-top:1px solid #adadad;
	background:#d9d9d9;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	border-radius:4px;
	margin-top:20px;
	
}

#inner-content-menu{
	border-top:1px solid #c7c7c7;
	display:block;
	border-radius:4px;
	padding:11px;
}

.hold{
	border-radius:4px;
	display:block;
	height:auto;
	float:left;
	padding-right:0px;
	margin-right:11px;
	position:relative;
	border-bottom:1px solid #f5f5f5;
}

.menubuttons{
	color:#636363;
	font-size:12px;
	border:1px solid #b5b5b5;
	border-radius:3px;
	padding:7px 25px;
	font-family: Arial, Sans-serif;
	display:block;
	text-align:center;
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

#showalloem{
	width:auto;
}

#overview{
	padding:7px 40px;
}

#dates{
	padding-bottom:2px;
	padding-left:15px;
	width:auto;
	vertical-align:middle;
}

#dates img{
	position:relative;
}

#dates span{
	position:relative;
	top:-5px;
	font-family: Arial, Sans-serif;
	padding-left:3px;
}

table.reporting{
	border-collapse:collapse;
}

.total-row{
	font-size:31px;
	padding-top:20px;
	color:#666;
	padding-bottom:8px;
	border-bottom:1px solid #d4d4d4;
	display:block;
}

td.mid-head{
	width:194px;
	font-family: 'clanthin', Helvetica, Sans-Serif, Arial;
}

.numbers{
	color:#00962d;
	font-weight:bold;
	font-family: 'clan-bookregular', Helvetica, Arial, Sans-serif;
	width:229px;
	text-align:right;
}

.prev-month{
	font-size:11px;
	width:235px;
	font-weight:normal;
	text-align:right;
}

.prev-month img{
	top:2px;
	position:relative;
}

.prev-month span{
	top:-4px;
	position:relative;
}

table.costs{
	margin-top:20px;
	border-collapse:collapse;
}

td.costs{
	font-size:23px;
	width:223px;
	font-family: 'clanthin', Helvetica, Sans-Serif, Arial;
}

.costprice{
	font-weight:bold;
	color:#777;
	font-size:23px;
	font-family: 'clan-bookregular', Helvetica, Arial, Sans-serif;
	width:200px;
	text-align:right;
}

.cost-prev{
	color:#777;
}

td{
	padding-bottom:7px;
}

#graph{
	height:230px;
}

.costrow{
	padding-bottom:20px;
}

.gross{
	width:660px;
	background:#e0e0e0;
	border-bottom:1px solid #f5f5f5;
	border-top:1px solid #b5b5b5;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	margin-top:30px;
	border-radius:4px;
}

.gross #inner{
	border-top:1px solid #d1d1d1;
	width:100%;
	height:auto;
}

.gross #inner div{
	width:219px;
	float:left;
	font-size:60px;
	color:#444;
	text-align:center;
	font-weight:300;
	margin-top:10px;
	border-right:1px solid #c4c4c4;
}
.gross #inner div span{
	margin:0 auto;
	font-family: 'clan-bookregular', Helvetica, Arial, Sans-serif;
	display:block;
	padding-top:20px;
}

.gross #inner div span.small{
	font-size:11px;
	margin:0 auto;
	display:block;
	padding:0px;
	padding-bottom:20px;
}

.gross #inner div#installgross{
	border-right:0px;
}

#hold-pins{
	margin-top:20px;
}

.pin{
	width:318px;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	padding-top:20px;
	float:left;
	background:#f7f7f7;
	border-radius:6px;
	margin-bottom:25px;
}

.pin .inner{
	padding-left:10px;
	padding-right:10px;
	color:#8a8a8a;
}

.pin-head{
	font-size:26px;
	color:#808080;
	font-weight:300;
	padding-bottom:15px;
}

.pin#pin1, .pin#pin3{
	margin-right:22px;
}

ul.pinul{
	list-style-type:none;
}

ul.pinul li{
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:2px;
	font-size:12px;
	color:#666;
	border-top:1px solid #dedede;
}

span.total-li{
	text-align:right;
	padding:10px;
	display:block;
	background:#f0f0f0;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #bababa;
	font-size:12px;
	color:#666;
}

span.pin-amt{
	font-weight:bold;
	font-size:13px;
	display:block;
	text-align:right;
	color:#777;
	position:relative;
	float:right;
}

span.view3, span.view4{
	text-align:left;
}

.pin#pin3 span.pin-amt{
	color:#00962d;
}

.pin#pin4 span.pin-amt{
	color:#f50000;
}

a.viewreport{
	background:url(../img/report.png) no-repeat;
	padding-left:20px;
}

.fleft{
	float:left;
}

span#secondhead{
	font-size:33px;
	font-family: 'clan-bookregular', Helvetica, Arial, Sans-serif;
	font-weight:300;
	color:#444;
	display:block;
	position:relative;
	padding-top:30px;
	padding-bottom:10px;
	border-bottom:1px solid #d4d4d4;
}