/*--------------------------------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	1
author:		Damien van Holten
email:		damien@hosting-concepts.nl
website:	http://www.hosting-concepts.nl

--------------------------------------------------------------------------------------------------*/

/* Import Reset
--------------------------------------------------------------------------------------------------*/

@import url("reset.css");


/* Globals
--------------------------------------------------------------------------------------------------*/

body
{
	background: #f1f2f1;
}

hr
{
	display: none;
}

.clear
{
	clear: both;
}


.left
{
	float: left;
}

.right
{
	float: right;
}

.hide
{
	display: none;
}

/* Typography
--------------------------------------------------------------------------------------------------*/

h2
{
	color: #a7131f;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
}

h3
{
	color: #444;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
}

h4
{
	color: #444;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
}



a:link,
a:visited
{
	color: #0163a0;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #004c7c;
	text-decoration: none;
}

a.login_link:link,
a.login_link:visited,
a.login_link:hover,
a.login_link:active
{
	background: url(../images/icon-login.png) 100% 50% no-repeat;
	padding-right: 20px;
}

a.edit_link
{
	font-size: 11px;
	margin-left: 8px;
	background: url(../images/icon-edit.gif) 100% 50% no-repeat;
	padding-right: 14px;
}
.width_full
{
	width:100%;
}
.height100
{
	height: 100px;
}



/* Error pages (Page not found, service unavailable etc)
--------------------------------------------------------------------------------------------------*/

h1.error_logo a
{
	height: 104px;
	width: 190px;
	text-indent: -9999em;
	background: url(../images/bg-logo-op.png) 0 0 no-repeat;
	display: block;
}

div.error
{
    padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

div.error h3
{
	padding: 0 0 35px 55px;
    background: url('/sf/sf_default/images/icons/tools48.png') no-repeat;
	display: inline;
	border-bottom: none;
}

div.error h4
{
	padding: 5px 0 0 55px;
	font-weight: normal;
	border-bottom: none;
}

div.error p
{
	color: #444;
    padding: 10px 0 0 55px;
	font-weight: bold;
}
div.error p.normal
{
    font-weight: normal;
}

div.error ul
{
	color: #444;
    padding: 0;
	font-weight: bold;
}
div.error ul li
{
	font-weight: normal;
    list-style-type: disc;
}

/* Buttons
--------------------------------------------------------------------------------------------------*/

a.button {
	background: center bottom rgb(167,19,31);
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.3) 0 1px 0;
	border: 1px solid #bb101e;
	font-weight: bold;
	-moz-border-radius: 11px;
	padding: 5px 12px;
	margin: 0 0 10px 0;
	display: inline-block;
	font-size: 13px;
	text-decoration: none;
}
a.button.button-yellow{
    background-color: #C08310;
    border-color: #C08310;
}

a.button.button-yellow:hover,
a.button.button-yellow:active{
    background-color: #9D6700;
    border-color: #9D6700;
}

a.button.button-green{
    background-color: #0A776B;
    border-color: #0A776B;
}

a.button.button-green:hover,
a.button.button-green:active{
    background-color: #006258;
    border-color: #006258;
}

a.button:hover,
a.button:active
{
	background: center bottom rgb(134,8,18);
	text-shadow: rgba(0, 0, 0, 0.8) 0 1px 0;
}

a.button.edit:link,
a.button.edit:visited
{
	font-size: 11px;
	padding: 3px 8px;
	-moz-border-radius: 9px;
	background: -moz-linear-gradient( center bottom, rgb(129,129,129) 21%, rgb(95,95,95) 93%);
	border: 1px solid #8a8787;
}

a.button.edit:hover,
a.button.edit:active
{
	background: -moz-linear-gradient( center bottom, rgb(95,95,95) 21%, rgb(129,129,129) 93%);
}

a.button.submit
{
	float: right;
	display: block;
	margin-right: 15px;
}

a.button.back
{
    float: right;
    display: block;
}

a.button.back.b-separator
{
    margin-left: 4px;
}

.info a.button
{
	margin-bottom: 0;
}

table a.abutton:link,
table a.abutton:visited
{
	padding: 3px 5px;
}

a.abutton:link,
a.abutton:visited
{
	font-size: 11px;
	padding: 6px 5px;
	border: 1px solid #bbb;
	background-color: #eee;
	text-decoration: none;
	font-weight: bold;
	color: #0163a0;
	clear: both;
	display: inline-block;
}

a.abutton:hover,
a.abutton:active
{
	border: 1px solid #085281;
	text-decoration: none;
	color: #fff;
	background-color: #0163a0;
}

a.signout:link,
a.signout:visited
{
    font-size: 11px;
    padding: 6px 5px;
    line-height: 6px;
    border: 1px solid #bbb;
    background-color: #eee;
    text-decoration: none;
    color: #aaa;
    clear: both;
    display: inline-block;
    padding-right: 24px;
    background: #eee url(../images/icon-login.png) 100% 50% no-repeat;
}

a.abutton.add:link,
a.abutton.add:visited
{
	padding-left: 24px;
	background: #eee url(../images/ui-button-add.png) 2px 50% no-repeat;
}

a.abutton.edit:link,
a.abutton.edit:visited
{
	padding-left: 24px;
	background: url(../images/icon-application-form-edit.png) 2px 50% no-repeat;
}

a.abutton.view:link,
a.abutton.view:visited
{
	padding-left: 24px;
	background: url(../images/ui-button-view.png) 2px 50% no-repeat;
}

a.abutton.add:hover,
a.abutton.add:active,
a.abutton.edit:hover,
a.abutton.edit:active,
a.abutton.remove:hover,
a.abutton.remove:active,
a.abutton.removeimport:hover,
a.abutton.removeimport:active,
a.abutton.view:hover,
a.abutton.view:active
{
	background-color: #0163a0;
}

a.abutton.remove:link,
a.abutton.remove:visited,
a.abutton.removeimport:link,
a.abutton.removeimport:visited
{
	padding-left: 24px;
	background: url(../images/icon-delete.png) 4px 50% no-repeat;
}

a.abutton.remove:hover,
a.abutton.remove:active,
a.abutton.removeimport:hover,
a.abutton.removeimport:active
{
	background: url(../images/icon-delete.png) 4px 50% no-repeat #fd9a87;
}

a.more_options:link,
a.more_options:visited
{
    background: url(../images/search_extended.png) 0 50% no-repeat;
    background-position: top left;
    font-size: 11px;
    text-decoration: none;
    padding: 3px 0 5px 17px;
    color: #767676;
}

a.more_options:hover
{
    text-decoration: underline;
    color: #c9312e;
}
a.more_options:active
{
    color: #c9312e;
}

a.removeParentRow
{
    background: url(../images/delete.png) no-repeat;
    padding: 6px 0 20px 20px;
}

.rowToCopy
{
	display: none;
}

table.narrow_table a.del_extrecord:link,
table.narrow_table a.del_extrecord:visited
{
    background: url(../images/delete.png) no-repeat;
    padding: 6px 0 20px 20px;
}

table.narrow_table a.new_extrecord:link,
table.narrow_table a.new_extrecord:visited
{
    width: 16px;
    height: 16px;
    background: url(../images/add.png) 0 0 no-repeat;
    padding: 1px 0 2px 20px;
    font-size: 12px;
    color: #7f7f7f;
}

table.narrow_table a.del_extrecord:hover,
table.narrow_table a.del_extrecord:active
table.narrow_table a.new_extrecord:hover,
table.narrow_table a.new_extrecord:active
	{
    color: #4f4f4f;
}


/* Header Settings
--------------------------------------------------------------------------------------------------*/

#header_settings
{
	background: #a7131f;
	padding: 10px 0;
}

#header_settings strong,
#header_settings label,
#header_settings input.regular
{
	float: left;
}

#header_settings strong
{
	color: #fff;
	font-size: 11px;
	line-height: 20px;
}

#header_settings label
{
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	margin: 0 0 0 15px;
    font-weight: normal;
}

#header_settings input.regular
{
	font-size: 11px;
	padding: 2px;
	width: 110px;
	margin: 0 0 0 5px;
}

#header_settings .inner_wrapper
{
	overflow: hidden;
}

/* Footer
--------------------------------------------------------------------------------------------------*/

#footer
{
	text-align: center;
	color: #666;
	font-size: 11px;
	padding: 20px 0 40px 0;
}

#footer .inner_wrapper
{
	overflow: hidden;
}

.inner_wrapper
{
	position: relative;
	width: 940px;
	margin: 0 auto;
    box-sizing: content-box;
}

#content
{
	background: #fff;
	border-top: 1px solid #fff;
	padding: 20px 0;
}

/* Header
--------------------------------------------------------------------------------------------------*/

h1.logo
{
	float: left;
	height: 104px;
	width: 190px;
    margin: 0;
}

h1.logo a
{
	height: 104px;
	width: 190px;
	text-indent: -9999em;
	background: url(../images/bg-logo-op.png) 0 0 no-repeat;
	display: block;
}

#header
{
	background: url(../images/bg-header.png) 0 0 repeat-x;
	border-bottom: 3px solid #5d5d5d;
	padding: 0;
}

#header .inner_wrapper
{
	padding: 5px 0;
	height: 104px;
}

/* Navigation
--------------------------------------------------------------------------------------------------*/

ul.navigation
{
	position: absolute;
	bottom: 0;
	right: 0;
	text-transform: capitalize;
    margin-bottom: 0;
}

ul.navigation li
{
	position: relative;
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}


ul.navigation li a:link,
ul.navigation li a:visited
{
	margin-left: 5px;
	line-height: 23px;
	height: 23px;
	display: block;
	padding: 2px 10px;
	color: #555;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	background-color: #ddd;
    box-sizing: content-box;
}

ul.navigation li a:hover,
ul.navigation li a:active
{
	color: #5d5d5d;
	background: #ccc;
	text-decoration: underline;
}

ul.navigation li a.current:link,
ul.navigation li a.current:visited,
ul.navigation li a.current:hover,
ul.navigation li a.current:active
{
	background: #5d5d5d url(../images/bg_table_header.jpg) 0 0 repeat-x;
	color: #fff;
	cursor: pointer;
	text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;
}

ul.navigation ul
{
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

ul.navigation ul li
{
	float: none;
}

ul.navigation ul
{
	width: 200px;
	top: 27px;
	left: 0;
}
ul.navigation ul.navigation li
{
	background-color: #CCC;
}

ul.navigation li:hover > ul
{
	visibility: visible;
}
ul.navigation li:hover > ul.navigation
{
	visibility: visible;
	position: absolute;
	left: 100px;
	top: 10px;
}


ul.error_list li
{
    list-style-type: none;
    display: block;
    color: red;
    padding: 5px 0px;
}
ul.success_list li
{
    list-style-type: none;
    display: block;
    color: green;
    padding: 5px 0px;
    cursor: none;
}
p.disabled span
{
    color: #FFCCCC !important;
}

/* Content - Collumn setup
--------------------------------------------------------------------------------------------------*/

.col1
{
	margin: 0 0 15px 0;
}

.col2
{
	float: left;
	width: 455px;
	margin: 0 30px 15px 0px;
}

.search_box .col2,
.recNo
{
float: left;
width: 400px;
margin: 0 15px 0 15px;
}

.col2#colLeft,
.col2#colLeftAdvSearch,
.col2#extended
{
float: left;
display: block;
width: 400px;
margin: 0 15px 0 15px;
}

.col2#colRight,
.col2#colRightAdvSearch
{
float: right;
display: block;
width: 400px;
margin: 0 15px 0 15px;
}

.col3
{
float: left;
width: 292px;
margin: 0 32px 15px 0;
}

.col4
{
float: left;
width: 210px;
margin: 0 33px 15px 0;
}

.col2.last_child,
.col3.last_child,
.col4.last_child
{
margin: 0 0 0 0px;
}

.col2 p,
.col3 p
{
font-size: 12px;
clear: both;
}

.col1 p label,
.col2 p label,
.col3 p label,
.col4 p label,
.col1 p .data_label,
.col2 p .data_label,
.col3 p .data_label,
.col4 p .data_label
{
float: left;
display: block;
padding-top: 2px;
width: 45%;
line-height: 20px;
color: #666;
}


.col2 span .and
{
float: left;
width: 5%;
line-height: 23px;
color: #666;
margin: 0 0 0 7px;
}

span .sub_data_label
{
color: #666;
display: block;
line-height: 18px;
}

span .sub_data_display
{
color: #000;
font-weight: normal;
float: right;
}

.col1 p input.regular,
.col2 p input.regular,
.col3 p input.regular,
.col4 p input.regular
{
float: right;
width: 50%;
height: 18px;
}

.col1 p input.medium,
.col2 p input.medium,
.col3 p input.medium,
.col4 p input.medium
{
float: left;
width: 10%;
height: 18px;
}
.col1 p select.short,
.col2 p select.short,
.col3 p select.short,
.col4 p select.short,
.col1 p select.condition,
.col2 p select.condition,
.col3 p select.condition,
.col4 p select.condition
{
float: left;
width: 15%;
height: 25px;
margin: 0px 0 15px 11px;
}

.col2 p select.editable_input.short
{
float: left;
width: 10%;
height: 20px;
margin: 0px 0 15px 0px;
}

.col2.last_child p select.editable_input.short
{
float: left;
width: 20%;
height: 20px;
margin: 0;
}

.col2 p select.editable_input.medium,
.col2.last_child p select.editable_input.short
{
float: left;
width: 50%;
height: 20px;
margin: 0;
}

.col1 p select.regular,
.col2 p select.regular,
.col3 p select.regular,
.col4 p select.regular
{
	float:right;
}

.col1 p select,
.col2 p select,
.col3 p select,
.col4 p select
{
width: 52%;
line-height: 25px;
padding: 0px;
margin: 0px 0px 15px 0px;
}

.col2 p select.sizing
{
height: 138px;
}

.col2 p select.normal
{
height: 88px;
}

.col2 p select.drop-down
{
float: right;
width: 30%;
height: 25px;
margin: 0px 0px 15px 0px;
}

.col1 p .data_label,
.col2 p .data_label,
.col3 p .data_label,
.col4 p .data_label
{
padding: 1px 0 2px 0;
margin-bottom: 10px;
}

.col1 p .data_display,
.col2 p .data_display,
.col3 p .data_display,
.col4 p .data_display
{
float: right;
width: 50%;
padding: 1px 0 2px 0;
margin-bottom: 10px;
display: block;
}

.inforbusiness_logo {
	background: url(../images/inforbusiness_logo.png) 100% 50% no-repeat;
	padding-left: 75%;
}

.col1 p .data_help,
.col2 p .data_help,
.col4 p .data_help,
.col3 p .data_help
{
	display: block;
	padding: 1px 0 2px 0;
	margin-bottom: 10px;
}

.col2 p .data_display.left
{
float: left;
}

.option_box
{
clear: both;
text-align: right;
}

.option_box.align_left
{
text-align: left;
}

.login
{
float: left;
width: 350px;
margin: 0 30px 15px 0px;
}

.login_button
{
clear: both;
text-align: right;
}

.login p.short
{
float: left;
width: 15%;
line-height: 23px;
padding: 0px;
margin: 0px 0 15px 11px;
}


/* Content - info box
--------------------------------------------------------------------------------------------------*/

.info
{
padding: 15px;
margin: 0 0 5px 0;
border: 1px solid #ccc;
background: #eee;
}

.info p
{
font-size: 16px;
padding: 0;
margin: 0;
color: #666;
}

.info.success
{
border: 1px solid #b5f6a2;
background: #e6fce0;
}

.info.success p
{
color: #39bb12;
}

.info.error
{
	border: 1px solid #f6a3a2;
	background: #fce1e0;
}

.info.error p
{
	color: #bb1312;
}

.info.datepicker
{
	text-align: left;
}

div.form_collection_box
{
	float: left;
	display: block;
	width: 100%;
	margin: 0 10px 0 0;
}
div.form_collection_box label
{
	float: left;
    font-size: 12px;
    display: inline;
    padding-top: 7px;
    clear: both;
    color: #666;
}

div.form_collection_box input.short
{
    width: 130px;
    height: 18px;
    float: right;
    margin: 0 0 15px 0;
    border: 1px solid #C7C7C7;
    background: url(../images/bg-input-normal.png) 0 0 repeat-x #fff;
    padding: 3px 3px;
}

.form_collection_box.last_child
{
	margin: 0;
}

/* Content - Table
--------------------------------------------------------------------------------------------------*/

table.standard_table
{
	margin: 0 0 15px 0px;
	width: 100%;
	font-size: 11px;
	border: 1px solid #eee;
}

table.standard_table th
{
	padding: 10px 8px;
}

table.standard_table td
{
	padding: 10px 8px;
}

table.standard_table td.center,
table.standard_table th.center
{
	text-align: center;
}

table.standard_table td.live
{
    background: url(../images/icon-status-green.png) 50% 100% no-repeat;
    width: 50px;
}

table.standard_table td.shadow
{
    background: url(../images/icon-status-black.png) 50% 100% no-repeat;
    width: 50px;
}

table.standard_table tr.odd
{
	background: #f2f2f2;
}

table.standard_table tr.deleted
{
	background: #ffcccc;
}

table.standard_table tr.green
{
	background: limegreen;
}

table.standard_table tr.highlight
{
    background: #dededc;
}

table.standard_table tr.highlight.odd
{
    background: #bcbabb;
}

table.standard_table tr.highlight:hover,
table.standard_table tr.highlight.odd:hover
{
	background-color: #dadace;
}

table.standard_table thead th,
table.standard_table thead td
{
	font-weight: bold;
	color: #fff;
	background: #5d5d5d url(../images/bg_table_header.jpg) 0 0 repeat-x;
}

table.standard_table thead a:link,
table.standard_table thead a:visited,
table.standard_table thead a:hover,
table.standard_table thead a:active
{
	color: #fff;
}

table.standard_table tfoot th,
table.standard_table tfoot td
{
	text-align: right;
}

table.standard_table span
{
	float: left;
}

table.narrow_table#extension_search
{
    margin: 0 0 15px 13px;
    width: 44%;
    font-size: 11px;
    border: 1px solid #eee;
}

table.narrow_table
{
    margin: 0 0 15px 30px;
    width: 40%;
    font-size: 11px;
    border: 1px solid #eee;
}

table.narrow_table th
{
    padding: 10px 8px;
}

table.narrow_table td
{
    padding: 10px 8px;
}

table.narrow_table td.center,
table.narrow_table th.center
{
    text-align: center;
}

table.narrow_table tr.odd
{
    background: #f2f2f2;
}

table.narrow_table thead th,
table.narrow_table thead td
{
    font-weight: bold;
    color: #fff;
    background: #5d5d5d url(../images/bg_table_header.jpg) 0 0 repeat-x;
}

table.narrow_table thead a:link,
table.narrow_table thead a:visited,
table.narrow_table thead a:hover,
table.narrow_table thead a:active
{
    color: #fff;
}

table.narrow_table tfoot th,
table.narrow_table tfoot td
{
    text-align: right;
}

table.narrow_table span
{
    float: right;
}

/* Content - Search box
--------------------------------------------------------------------------------------------------*/

.search_box
{
    border: 1px solid #bbb;
    background: #fff;
    padding: 10px;
    margin: 0 0 15px 0;
    overflow: hidden;
}

.search_box_alt
{
    border: 1px solid #bbb;
    background: #fff;
    padding: 10px;
    margin: 0 0 5px 0;
    width: 685px;
    overflow: hidden;
}

.search_box.alt
{
    border: 1px solid #bbb;
    background: url(../images/bg-content-box.gif) 0 0 repeat-x #f1f1f1;
    padding: 10px;
    margin: 20px 0;
    width: 685px;
    overflow: hidden;
}

.search_box label,
.search_box_alt label
{
    color: #000;
}


/* More info (displays)
--------------------------------------------------------------------------------------------------*/

.more_info
{
	position: relative;
	float: left;
	margin-left: 10px;
}

.more_info strong
{
	padding: 0 0 10px 0;
	font-weight: normal;
	color: #0163a0;
	text-decoration: underline;
	cursor: pointer;
}

.more_info_box
{
	position: absolute;
	top: 18px;
	left: 0;
	border: 1px solid #eee;
	padding: 10px;
	background: #fff;
	width: 300px;
	-moz-box-shadow: 0 1px 3px #555;
    z-index: 700;
}

.more_info_box_narrow
{
    position: absolute;
    top: 18px;
    left: 0;
    border: 1px solid #eee;
    padding: 10px;
    background: #fff;
    width: 100px;
    -moz-box-shadow: 0 1px 3px #555;
    z-index: 700;
}

.more_info_box p,
.more_info_box_narrow p
{
    border-bottom: 1px solid #eee;
    margin: 0 0 6px 0;
    padding: 0 0 6px 0;
}

.more_info_box p:last-child,
.more_info_box_narrow p:last-child
{
    margin: 0;
    padding: 0;
    border-bottom: none;
}

/* Form - Generic
--------------------------------------------------------------------------------------------------*/

label
{
	color: #444;
	display: block;
	padding: 0 0 2px 0;
}

input.regular
{
	width: 270px;
	margin: 0 0 15px 0;
	border: 1px solid #C7C7C7;
	background: url(../images/bg-input-normal.png) 0 0 repeat-x #fff;
	padding: 3px 3px;
}

input.short
{
    width: 130px;
    float: right;
    margin: 0 0 15px 0;
    border: 1px solid #C7C7C7;
    background: url(../images/bg-input-normal.png) 0 0 repeat-x #fff;
    padding: 3px 3px;
}

input.editable_input.short
{
    width: 40px;
    float: left;
    margin: 0 5px 15px 0;
    border: 1px solid #C7C7C7;
    background: url(../images/bg-input-normal.png) 0 0 repeat-x #fff;
    padding: 3px 3px;
}

input.regular.block
{
	display: block;
}

input.medium
{
    width: 100px;
    margin: 0 2px 15px 9px;
    border: 1px solid #C7C7C7;
    background: url(../images/bg-input-normal.png) 0 0 repeat-x #fff;
    padding: 3px 3px;
}

input.checkbox
{
    float: left;
    margin: 3px 3px 20px 12px;
}

select.regular.searchable
{
	width: 224px;
	margin-right: 8px;
}

input.regular:focus,
textarea.regular:focus
{
	background: url(../images/bg-input-focus.gif) 0 0 repeat-x #fefeee;
	border: 1px solid #bbb;
}

input.date
{
	background: url(../images/bg-input-date.jpg) 0 0 no-repeat;
	padding-left: 21px;
	width: 253px;
}

input.tags
{
	background: url(../images/bg-input-tag.jpg) 0 0 no-repeat;
	padding-left: 21px;
	width: 253px;
}

select.regular
{
	padding: 3px;
	width: 279px;
	margin: 0 0 15px 0;
}

h3.legend
{
	font-size: 11px;
	background: #5d5d5d url(../images/bg_table_header.jpg) 0 0 repeat-x;
	color: #fff;
	display: block;
	height: 31px;
	margin: 0;
	padding: 0;
	line-height: 31px;
	padding-left: 10px;
}

.form_content
{
	padding: 10px;
}

input.button
{
	cursor: pointer;
	border: 3px double #999;
	border-top-color: #CCC;
	border-left-color: #CCC;
	padding: 3px;
	margin: 0 4px 0 0;
	background: url(../images/bg-button.gif) 0 0 repeat-x #ebebeb;
	color: #222;
	font-weight: bold;
	display: inline-block;
}

input.button:hover
{
	color: #000;
	background: url(../images/bg-button-hover.gif) 0 0 repeat-x #ebebeb;
}

textarea.regular
{
	width: 270px;
	height: 120px;
	margin: 0 0 15px 0;
	border: 1px solid #bbb;
	background: url(../images/bg-input.jpg) 0 0 repeat-x #fff;
	padding: 5px 5px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
}

.form_box
{
	float: left;
	width: 310px;
}

input.pages
{
	width: 30px;
	text-align: center;
	font-weight: bold;
}

/* Form - Login box
--------------------------------------------------------------------------------------------------*/

#login_box
{
	margin: 0 auto 15px auto;
	width: 300px;
	border: 1px solid #ccc;
	padding: 10px 10px 10px 10px;
}

/* Form - Document form
--------------------------------------------------------------------------------------------------*/

#document_form
{
}

#document_preview
{
	float: right;
	width: 500px;
	margin: 0 0 15px 0;
	background: #eee;
	text-align: center;
	padding: 10px;
}

#document_preview img
{
	margin: 0 auto;
	width: 450px;
}

#document_preview em
{
	font-size: 11px;
}

.function_holder
{
	clear: both;
	border-top: 1px solid #eee;
	margin: 10px 0;
	padding: 10px 0 0 0;
}

.function_holder
{
	font-size: 11px;
}

/* Date Picker
--------------------------------------------------------------------------------------------------*/

table.jCalendar
{
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th
{
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td
{
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}

table.jCalendar td.other-month
{
	background: #ddd;
	color: #aaa;
}

table.jCalendar td.today
{
	background: #666;
	color: #fff;
}

table.jCalendar td.selected
{
	background: #f66;
	color: #fff;
}

table.jCalendar td.selected.dp-hover
{
	background: #f33;
	color: #fff;
}

table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td
{
	background: #fff;
	color: #000;
}

table.jCalendar tr.selectedWeek td
{
	background: #f66;
	color: #fff;
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover
{
	background: #bbb;
	color: #888;
}

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover
{
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

a.dp-choose-date
{
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: inline;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat;
}

a.dp-choose-date.dp-disabled
{
	background-position: 0 -20px;
	cursor: default;
}

div.border{
	margin: 5px 25px 20px 25px;
    border-bottom: 1px solid #ccc;
}

div.hr
{
	margin: 10px 0px 25px 0px;
    border-bottom: 1px solid #ccc;
}

div.dp-popup
{
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}

div#dp-popup
{
	position: absolute;
	z-index: 199;
}

div.dp-popup h2
{
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	border: none;
}

a#dp-close
{
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}

a#dp-close:hover
{
	text-decoration: underline;
}

div.dp-popup a
{
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}

div.dp-popup div.dp-nav-prev a
{
	float: left;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled
{
	cursor: default;
}

div.dp-popup div.dp-nav-next
{
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}

div.dp-popup div.dp-nav-next a
{
	float: right;
}

div.dp-popup a.disabled
{
	cursor: default;
	color: #aaa;
}

div.dp-popup td
{
	cursor: pointer;
}

div.dp-popup td.disabled
{
	cursor: default;
}

.form-cost-price div,
.form-cost-price ul li {
    width: 100%;
    clear: both;
}
.form-cost-price div span { font-weight: bold; }
.form-cost-price div span,
.form-cost-price ul li span {
    display: block;
    float: left;
    width: 90px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    height: 20px;
}
.form-cost-price div span.long,
.form-cost-price ul li span.long {
    width: 120px;
}
.form-cost-price div span.short,
.form-cost-price ul li span.short {
    width: 30px;
}
.form-cost-price span.item {
    text-align: right;
    padding-right: 15px;
}
.form-cost-price span.price-new {
    color: green;
    font-weight: bold;
}
.form-cost-price span a {
    text-decoration: none;
    font-weight: bold;
    color: #555;
}
.form-cost-price input[type="text"],
.form-cost-price select {
    width: 100px;
}
.form-cost-price .domain-add-row {
    display: block;
    float: left;
    margin-top: 15px;
    padding: 7px 10px;
    background: green;
    border: 1px solid #555;
    border-radius: 5px;
}
.form-cost-price .domain-add-row a { color: #fff; }
ul.details li { padding: 3px 0; }
.editable {
    min-height: 15px;
    min-width: 20px;
    display: inline-block;
}

#invoiceLine_create_companyname{
    clear: both;
    margin-bottom: 15px;
    margin-top: -10px;
}

/** Batch **/
.batch-button {
	width:100px;
	height:50px;
}

.batch-border {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
}

.batch_more_info_box {
	width: 500px;
}