/********** Body **********/
body
{
	font-family:Arial,Helvetica,sans-serif; 
	font-size: 1.1em; 
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left: 15px;
	margin-top: 15px;
	background-color: #ffffff;
	text-align:left;
}

/********** Images **********/
.inline
{
	display:inline;
}
.print
{
	font-size:200%;	
}
div.right_image
{	
	float:right;
	margin: 2px;
}
div.left_image
{	
	margin:2px;
	float:left;
}
div.center_image
{
	display: block;
	text-align:center;
}
p.image_text
{
	text-align: center;
	font-style: italic;
}


/********** Page formatting and headers **********/
h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h1
{
	font-size: 1.5em;
	margin-bottom: 15px;
	color:#FF1966;
}

h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 0.9em;}
h5 { font-size: 0.8em;}

img
{
	border: none;
	border-width: 0;
}

p
{
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0;
}

.form td
{
	padding-top: 0.5em;
}

.form_comment
{
	font-size: 90%;
	font-style: italic;
	padding-top: 0;
	margin-top: 0;
	margin-left: 0;
}

.form_error
{
	color: red;
}

ul
{
	margin: 1em;
}


/********** Misc **********/

.error
{
	color: red;
}

.status
{
	color: blue;
}

a.header
{
	color: black;
	font-weight: bold;
}

a.header:hover
{
	color: #333333;
	font-weight: bold;
}


/********** Tables **********/
th.c, td.c
{
	text-align: center;
}

table.list
{
	border-spacing: 0px;
}
table.list th
{
	border:solid 1px black;
	color: #ffffff;
	padding:0.2em;
	background-color: #FF1966;
}

table.list td
{
	border:solid 1px black;
	color:black;
	padding:0.2em;
	background-color:white;
}
/********** Menu **********/

#content{
	float:left;
	margin-left: 15px;
	font-size:0.65em;
	width:570px;
	}
#contentWide{
	margin-left: 0px;
	font-size:0.65em;
	width:750px;
	}
#contentThin{
	margin-left: 0px;
	font-size:0.65em;
	width:300px;
	}

#menu_left
{
	float:left;
	padding: 0px;
	margin-top: 10px;
	margin-right:0px;
	font-size: 0.65em;
	width: 150px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #FF1966;
	padding-top: 10px;
}
#menu_left a
{
	text-decoration: none;
	color: #000000;
}
#menu_left a:hover
{
	color: #FF1966;
}
#menu_left ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left: 10px;
}
#menu_left .selected
{
	border: #FF1966 solid;
	border-width: 0 0 1px 0;
	color: #FF1966;
	font-weight:bold;
}

#menu_left .active
{
	color: #FF1966;
}
#menu_left ul li a
{
	display: block;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}

#footer
{
	width: 100%;
	border-top: 1px solid #FF1966;
	margin-top: 15px;
}

/********** Links **********/
a
{
	color: #FF1966;
	text-decoration: none;
}

a:hover
{
	color: #FF1966;
	text-decoration: underline;
}


/********** pageComposer *****************/
div.page
{
	width: 570px;
}

div.page div.admin
{
	border: outset 2px #FF1966;
	padding: 5px;
	margin-bottom: 10px;
}

div.page div.admin div.section
{
	float:left;
	margin: 5px;
	border: dotted 1px #FF1966;
	padding: 5px;
}
div.page div.admin div.section .item
{
	margin-bottom: 5px;
}

div.page div.admin p 
{
	float:none;
	display:block;
}

div.page div.admin br
{
	clear:left;
}

div.page div.pageContent .col0
{
	float:left;
	width: 350px;
	margin-right: 25px;
}

div.page div.pageContent .col1
{
	float:left;
	width: 195px;
	margin:0px;
}

div.page div.pageContent .colWide
{
	width: 584px;
	margin:0px;
}

div.page div.pageContent div.toolbox
{
	padding: 5px;
	border: outset 2px #FF1966;
}

div.page div.pageContent div.toolbox .tool
{
	float:left;
	margin-right:15px;
}

/********** Form *****************/
div.form div.item
{
	margin-bottom: 20px;
}
div.form div.item input{width:200px;}
div.form div.item input.short{width:15px;}
div.form div.item input.semiShort{width:20px;}
div.form div.item input.mediumShort{width:40px;}
div.form div.item input.medium{width:100px;}
div.form div.item select{width:200px;}
div.form div.item select.long{width:240px;}
div.form div.item select.short{width:45px;}
div.form div.item select.semiShort{width:60px;}
div.form div.item select.medium{width:100px;}
div.form .fill_error {color:red;}
div.form div.group
{
	border: outset 2px #FF1966;
	background-color: #fff4ed;
	padding:5px;
	margin-bottom: 5px;
}
div.form div.group h2
{
	font-size: 120%;
	text-decoration: underline;
	margin-bottom: 10px;
}
div.form div.group h3
{
	font-size: 100%;
	margin-bottom: 5px;
}
div.form div.group input
{
	margin-right: 2px;
	margin-top: 2px;
}

div.form p.title
{
	font-weight: bold;
	font-size: 120%;
}

div.col_33
{
    padding: 5px;
	float:left;
	width: 300px;
}
div.col_11
{
    padding: 5px;
	float:left;
	width: 420px;
	margin-right: 5px;
}
div.col_22
{
    padding: 5px;
	float:left;
	width: 200px;
	margin-right: 5px;
}
div.col_44
{
    padding: 5px;
	float:left;
	width: 100px;
	margin-right: 5px;
}

/********** Start page *****************/
div.element div.toolbox
{
	padding: 5px;
}

div.element div.toolbox .tool
{
	float: left;
	margin-right: 25px;
}

/********** Adminmenu *****************/
div.admin_menu div.item {margin-left: 15px;}

/********** periodicals *****************/
table.periodicalsList th
{
	font-weight:normal;
	text-decoration: underline;
}

table.periodicalsList td
{
	padding: 2px;
}

table.periodicalsList_float
{
	float:left;
	width: 50%;
}

table.periodicalsList_float th
{
	font-weight:normal;
	text-decoration: underline;
}

table.periodicalsList_float td
{
	padding: 2px;
}

a.tool
{
	margin-left: 5px;
}

p.pagination
{
	margin-top: 10px;
}

.periodicalView p.name
{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 0;
	color:#FF1966;	
}

.periodicalView img.avatar
{
	float: right;
}

.latestNum 
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #FF1966;
}

.latestNum img {
	float:right;
}

.retailersList
{
	border-left: solid 1px #FF1966;
}

.retailersList .title
{
	font-weight:bold;
	margin-left:10px;
}

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

.retailersList ul li
{
	margin-top: 5px;
}

.listRetPer
{
	border-left: solid 1px #FF1966;
	padding-left: 10px;
}

.listRetPer ul
{
	list-style: none;
	padding: 0px;
	margin-left: 0px;
}

.listRetPer ul li
{
	margin-top: 5px;
}

table.retList th
{
	font-weight: normal;
	text-decoration: underline;
}

table.retList td
{
	padding: 2px;
}

table.myPer
{
	border-spacing: 0px;
	border: 1px solid black;
}

table.myPer th
{
	border: solid 1px black;
	background-color: #FF1966;
}
table.myPer td
{
	border: solid 1px black;
}

table.myPer td.right
{
	text-align: right;
	border: solid 1px black;
}

/********** Pren **********/
table.pren
{
	width: 100%;
}
table.pren td.center
{
	width: 20px;
}
table.prenView td
{
	padding: 5px;
}

.bottomNav
{
	margin-top: 5px;
}

table.chnReq
{
	width: 100%;
}
table.chnReq .center
{
	text-align: center;
	width: 20px;
}

table.chnReqView td
{
	padding: 5px;
}

ul.chnReqDone
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 10px;
}
ul.chnReqDone li
{
 	margin-top: 5px;
 	border: 1px dotted #FF1966;
	padding: 2px;
}

/********** News **********/
div.news
{
	margin:0px;
	padding:0px;
}
div.news div.item
{
	margin-bottom:15px;
	padding: 5px;
}
div.news div.item div.toolbox
{
	float:right;
	border:none;
}
div.news div.item div.toolbox div.tool
{
	float: left;
	margin-right: 5px;
}
div.news div.item .title a
{
	color: #FF1966;
}
div.news div.item .description
{
	font-weight: bold;
}
div.news div.item .date
{
	color:#666666;
	font-style: italic;
	float: left;
}
div.news div.item .read
{
	float: right;
}

/********** Project **********/
div.project
{
	margin:0px;
	padding:0px;
}
div.project div.item
{
	margin-bottom:15px;
	width: 400px;
	padding: 5px;
}
div.project div.item div.toolbox
{
	float:right;
	border:none;
}
div.project div.item div.toolbox div.tool
{
	float: left;
	margin-right: 5px;
}
div.project div.item .title a
{
	color: #FF1966;
}
div.project div.item .description
{
	font-weight: bold;
}

div.project div.item .contact
{
	font-weight: bold;
}

div.project div.item .date
{
	color:#666666;
	font-style: italic;
	float: left;
}
div.project div.item .read
{
	float: right;
}

/********** Shop **********/
p.shopTop
{
	margin:0px;
}

table.shopList
{
	background-color: #FF1966;
	width: 100%;
	padding: 2px;
	margin:0px;
	margin-bottom: 15px;
}

table.shopList td.right
{
	text-align: right;
	padding-right: 10px;
}

table.shopList a
{
	color: #ffffff;
	font-weight:bold;
}

div.colLeft
{
	float:left;
	width: 350px;
}

div.colRight
{
	float:right;
	width: 195px;
}

ul.categoryList
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.categoryList li
{
	padding-top: 5px;
}

table.shop
{
	margin:0px;
	padding:0px;
	border: solid 1px black;
	width:100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.shop th
{
	background-color:#FF1966;
	font-weight:bold;
	border: 1px solid black;
	margin:0px;
	padding: 5px;
}
table.shop td
{
	background-color:#fff4ed;
	font-weight: normal;
	border: 1px solid black;
	margin:0px;
	padding: 5px;
}
table.shop td.wide
{
	width: 110px;
}
table.shop td.r
{
	text-align: right;
}

table.shopView
{
	margin-top: 15px;
	margin-bottom: 15px;
}

table.shopView th
{
	font-weight: normal;
	font-style: italic;
}

p.shopBottom
{
	margin-top: 10px;
}


/********** saleStat **********/
table.saleStat {
    width: 100%;
}
table.saleStat th {
    text-decoration: underline;
    padding: 5px;
}
table.saleStat td {
    padding: 5px;
}
table.saleStat tr.head th {
    font-size: 120%;
    font-weight: bold;
    background-color: #FF1966;
    padding: 5px;
}
table.saleStat tr.sum td.right{
    text-align:right;
    border-top: solid 1px black;
    font-weight: bold;
    padding: 5px;
}
table.saleStatSum
{
	width: 100%;
	margin-bottom: 10px;
}

table.saleStatSum th
{
	background-color: #FF1966;
	padding: 5px;
}

table.saleStatSum td
{
	padding: 5px;
}

table.saleStatSum tr.num {
    font-weight: bold;
}

table.saleStatSum tr.num .right{
    border-top: solid 1px black;
    padding: 5px;
}

table .right {text-align:right;padding: 5px;}

/********** Inventory **********/
table.inventory {
    width: 100%;
}
table.inventory td {
    padding-top: 5px;
}
table.inventory td.lastInv {
    color: red;
    padding-left: 5px;
}
table.inventory td.firstInv {
    color: green;
    padding-left: 5px;
}
table.inventory th {
    padding-top: 5px;
    background-color: #FF1966;
    font-weight: bold;
}
table.inventory .right {
    text-align: right;
}
table.inventory td.error {
    font-weight: bold;
    color: red;
    border:dotted 1px red;
    text-align: right;
}
table.inventory tr.head th{
    font-size: 180%;
    font-weight: normal;
    background-color: transparent;
}

/********** Balance **********/

table.balance
{
	border: 1px black solid;
	width: 100%;
	border-collapse: collapse;
}
table.balance th
{
	border: solid 1px black;
	background-color: #FF1966;
	padding: 5px;
} 
table.balance th.wide
{
	width: 120px;
}
table.balance tr
{
	border: dotted 1px black;
}
table.balance tr.head
{
	font-weight: bold;
}
table.balance td.r
{
	text-align:right;
}

/********** Debt **********/
table.debt .head
{
	border: solid 1px black;
	background-color: #FF1966;
}

table.debt
{
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}

table.debt th
{
	padding: 0px;
}

p.debt
{
	margin-top: 5px;
}

table.debt .r
{
	text-align: right;
}

/********** renewRes **********/
table.renewRes
{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

table.renewRes th
{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

table.renewRes td
{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

/********** numberStat **********/
div.numberStatBar {
	margin-bottom: 10px;
}

div.numberStatBar table a {
	color: black;
	font-weight: bold;
}

div.numberStatPie img {
	margin: 10px;	
}

div.numberStatPie table.types {
	border: none;
}

div.numberStatPie table.types td {
	text-align: left;
}

div.numberStatPie p {
	margin-top: 5px;	
}

div.numberStatPie table.details {
	border-collapse: collapse;
	border: solid 1px black;	
}

div.numberStatPie table.details th {
	border: solid 1px black;
	background-color: #FF1966;	
}

div.numberStatPie table.details td {
	border: solid 1px black;	
}

div.numberStatPie table.details td.category {
	font-weight: bold;	
}

div.numberStatPie table.details td.sum {
	text-align: right;
}

/********** Library **********/
div.library_toolbox 
{
	padding: 5px;
}
div.library_toolbox .tool 
{	
	float:left;
	margin-right: 15px;
}
div.library_toolbox #tool_active
{	
	border: solid 1px #FF1966;
}
div.library_toolbox #tool_right
{	
	float:right;
	font-weight:bold;
}
div.view_file .file_image
{
	margin-bottom: 15px;
}

div.files_list
{
}

div.files_list div.file
{
	padding: 10px;
}

div.files_list div.file h2.title
{
	font-weight: bold;
	margin-bottom: 5px;
}

div.files_list div.file div.file_image
{
	float: left;
	padding: 5px;
}

div.files_list div.file p.description
{
	margin-left: 5px;
	font-style: italic;
}
/********** Text help **********/
table.help
{
    border: solid 1px #FF1966;
    background-color: #FF1966;
}

table.help th
{
    background-color: #FF1966;
    font-weight: bold;
    color: #ffffff;
    padding: 5px;
    border: solid 1px #ffffff;
}

table.help td
{
    padding: 5px;
    background-color: #f9f0f2;
}

/* emulate center */
.center {
	width: 100%;
	text-align: center;
}
*.center * {
	margin-left: auto;
	margin-right: auto;
}

/********** Permissions **********/
div.column {float:left;padding:0px;margin:0px;width:50%;}

/********** Addressbook *********/
table.addressbook td, th{padding:0.5em;}
table.addressbook th a{font-weight:normal;text-decoration:underline;}

table.addressbook_item th 
{
	width:150px;
	font-weight:normal;
	font-style:italic;
}

table.addressbook th img.asc, img.desc{display:inline;}
table.addressbook th img.asc {vertical-align:top;}

/****************************************************
	The Hax
	Wish it could be done some other way :(
****************************************************/
/********* To make divs that contain floats wrap around the floats *********/
div:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

div { display: inline-table; }  /* Fix for IE Mac */

/* Hides from IE Mac \*/
* html div { height: 1%; }
div { display: block; }
/* End Hack */