/**
 * Prospectus UK admin
 */
body
{
	font-size:13px;
	text-align:center;
	background-color:#e6e6e6;
	font-family:arial, sans-serif;
}

.clear { clear: both; font-size:0px; line-height:0px; height:0px;}
a { outline:none; }
a img { outline:none; border:none; }

div,ul,li,p,h1,h2,h3,h4,h5,h6,fieldset
{
	padding:0;
	margin:0;
	background-repeat:no-repeat;
	background-position:left top;
	list-style:none;
}

#container
{
	width:914px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(/res/body_tile.jpg);
	background-repeat:repeat-y;
}
#body_top
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(/res/body_top.jpg);
}
#body
{
	width:898px;
	margin-left:8px;
}
#body_bottom
{
	height:100px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(/res/body_bottom.jpg);
	background-position:bottom;
}
#heist_logo
{
	float:right;
	margin:0 25px 0 0;
	width: 378;
	/* height:32px; */
	overflow:visible;
	z-index:10;
}

.contact
{
	padding:40px 0 0 25px;
	float: left;
	width: 378;
}
.tandc
{
	padding:40px 0 0 25px;
	float: left;
	width: 378;
}


/**
 * Header (inc branding)
 */
#systemlogo
{
	float:left;
	width:228px;
	height:48px;
	margin:22px 0px 30px 30px;
}
#systemlogo h1.logo
{
	display:block;
	background-image:url(/res/prospectusuk_logo.jpg);
	width:228px;
	height:48px;
	overflow:hidden;
}
#systemlogo h1.logo span
{
	display:block;
	position:absolute;
	top:0px;
	left:-1000px;
}
/**
 * User menu
 */
#usermenu
{
	float:right;
	margin:22px 30px 30px 0px;
}

/**
 * Main menu (tabs)
 */
#mainmenu
{
	
}
#mainmenu ul
{
	list-style:none;
	height:25px;
	margin-left:24px;
}
#mainmenu ul li
{
	list-style:none;
	float:left;
	height:25px;
	width:100px;
	margin-right:2px;
}
#mainmenu ul li a
{
	display:block;
	float:left;
	height:25px;
	width:100px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
#mainmenu ul li a span
{
	display:block;
	text-align:center;
	padding:4px 0px 0px 0px;
}
#mainmenu ul li.orders a
{
	background-image:url(/res/orders_tab.jpg);
}
#mainmenu ul li.institutions a
{
	background-image:url(/res/institutions_tab.jpg);
}

#mainmenu .block_colour
{
	height:5px;
	overflow:hidden;
}
#mainmenu .block_colour1
{
	background-color:#ff0006;
}
#mainmenu .block_colour2
{
	background-color:#2468a7;
}

/**
 * Page Header
 */
#main_header
{
	background-color:#d0d0d0;
	background-image:url(/res/heading_tile.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
}
#main_header h2
{
	font-size:1.3em;
	padding:0.6em 0em 0.6em 23px;
	color:#454545;
}

/**
 * Page
 */
#page_menu
{
	float:left;
	width:226px;
}
#page
{
	width:649px;
	float:left;
}
#page_wedge
{
	width:1px;
	height:400px;
	float:right;
}
/**
 * Page menu styles
 */
#page_menu ul
{
	float:left;
	width:226px;
}
#page_menu ul li a
{
	float:left;
	position:relative;
	width:170px;
	/* height:26px; */
	background-image:url(/res/menubutton_gradient_tile.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000000;
	padding:5px 0px 5px 0px;
}
#page_menu ul li.active a
{
	background-repeat:repeat-y;
}
#page_menu ul li a:hover
{
	text-decoration:underline;
}
#page_menu ul li a span.bullet
{
	display:block;
	width:6px;
	height:10px;
	overflow:hidden;
	position:absolute;
	left:10px;
	top:7px;
}
#page_menu ul li.active a span.bullet
{
	background-image:url(/res/menu_bullet.jpg);
}
#page_menu ul li a:hover span.bullet
{
	/* background-image:url(/res/menu_bullet.jpg); */
}
#page_menu ul li a span.text
{
	display:block;
	float:left;
	margin:0px 0px 0px 23px;
}
#page_menu ul li.level2 a span.text
{
	margin:0px 0px 0px 39px;
}
/* Flags (Credit Alert/Request, Low stock..) */
.flag
{
	display:block;
	width:8px;
	height:10px;
	overflow:hidden;
}
.flag_creditalert { background-image:url(/res/flag_blue.jpg); }
li.active .flag_creditalert {	background-image:url(/res/flag_blue_menuactive.jpg); }
.flag_creditrequest { background-image:url(/res/flag_green.jpg); }
li.active .flag_creditrequest {	background-image:url(/res/flag_green_menuactive.jpg); }
.flag_lowstock { background-image:url(/res/flag_red.jpg); }
li.active .flag_lowstock {	background-image:url(/res/flag_red_menuactive.jpg); }
#page_menu ul a span.flag
{
	position:absolute;
	top:8px;
	left:24px;
	cursor:pointer;
}
#page_menu ul a span
{
	cursor:pointer;
}

#page_menu ul li.list_head a
{
	cursor:default;
	color:#adadad;
}
#page_menu ul li.list_head a:hover
{
	text-decoration:none;
	cursor:default;
}

/**
 * Page style
 */
#page
{
	padding-top:23px;
}
#page a.blockbutton
{
	display:block;
	width:75px;
	height:21px;
	overflow:hidden;
	position:relative;
}
#page a.blockbutton span
{
	position:absolute;
	display:block;
	top:0px;
	left:-1000px;
}
#page a.button_back { background-image:url(/res/button_back.jpg); }
#page a.button_add { background-image:url(/res/button_add.jpg); }
#page a.button_add:hover, #page a.button_add_active { background-image:url(/res/button_add_active.jpg); }
#page a.button_edit { background-image:url(/res/button_edit.jpg); }
#page a.button_edit:hover, #page a.button_edit_active { background-image:url(/res/button_edit_active.jpg); }
#page a.button_credits { background-image:url(/res/button_credits.jpg); }
#page a.button_credits:hover, #page a.button_credits_active { background-image:url(/res/button_credits_active.jpg); }
#page a.button_delete { background-image:url(/res/button_delete.jpg); }
#page a.button_delete:hover, #page a.button_delete_active { background-image:url(/res/button_delete_active.jpg); }
#page a.button_view { background-image:url(/res/button_view.jpg); }
#page a.button_view:hover, #page a.button_view_active { background-image:url(/res/button_view_active.jpg); }
#page a.button_reset { background-image:url(/res/button_reset.jpg); }
#page a.button_reset:hover, #page a.button_reset_active { background-image:url(/res/button_reset_active.jpg); }
#page a.button_request { background-image:url(/res/button_request_active.jpg); }
#page a.button_request:hover, #page a.button_request_active { background-image:url(/res/button_request_active.jpg); }
#page a.button_amend { background-image:url(/res/button_amend_active.jpg); }
#page a.button_amend:hover, #page a.button_amend_active { background-image:url(/res/button_amend_active.jpg); }
#page a.button_approve { background-image:url(/res/button_approve_active.jpg); }
#page a.button_approve:hover, #page a.button_approve_active { background-image:url(/res/button_approve_active.jpg); }
#page a.button_reject { background-image:url(/res/button_reject_active.jpg); }
#page a.button_reject:hover, #page a.button_reject_active { background-image:url(/res/button_reject_active.jpg); }
#page a.button_files { background-image:url(/res/button_files.jpg); }
#page a.button_files:hover, #page a.button_files_active { background-image:url(/res/button_files_active.jpg); }

#page_heading
{
	border-bottom:1px solid #000000;
	padding-bottom:4px;
	margin-bottom:10px;
}
#page_heading h3
{
	font-size:1.3em;
	/* padding:0.6em 0em 0.6em 23px; */
	color:#454545;
	width:330px;
	float:left;
}
#page_heading a.blockbutton
{
	float:right;
	margin-left:2px;
}
/**
 * Search bar styling
 */
#page_heading .search_bar
{
	width:112px;
	height:22px;
	float:right;
	margin-left:2px;
	background-image:url(/res/search_bar.jpg);
	position:relative;
}
#page_heading .search_bar form
{
	padding:0;
	margin:0;
}
#page_heading .search_bar input.text
{
	padding:0;
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
	height:20px;
	padding:2px 2px 2px 4px;
	width:86px;
	background-color:transparent;
	border:none;
	outline:none;
}
#page_heading .search_bar input.submit
{
	position:absolute;
	top:0px;
	left:92px;
	outline:none;
}

/**
 * Generic form styling
 */
form
{
	padding:1em 0px 1em 0px;
	width:95%;
}
form .field
{
	float:left;
	width:100%;
	padding:4px 0px 4px 0px;
}
form .field .label
{
	float:left;
	width:130px;
}
form .field .datelabel
{
	float:left;
	padding-top:1px;
	width:130px;
}
form .field .datetext
{
	float:left;
	padding-top:1px;
	padding-left:10px;
	width:70px;
	font-weight:bold;
}
form .field .datebuttonlabel
{
    float:left;
    vertical-align:top;
}
form .field .input
{
	float:left;
	width:190px;
}
form .field .input2
{
	float:left;
	width:auto;
}
form .field .costPrice
{
	float:left;
	width:50px;
	padding:0px 0px 0px 20px;
}
form .field .input input.text
{
	width:170px;
	font-size:1em;
}
form .field .error
{
	float:left;
	width:200px;
	color:#ff0006;
}
form .field .description
{
	float:left;
	clear:left;
	padding:0px 0px 0px 130px;
	width:400px;
	color:#777777;
}
form .controls
{
	float:left;
	clear:left;
	width:90%;
	padding:0.6em 0 0.6em 0;
}
form .controls .buttons
{
	padding:0px 0px 0px 130px;
}
form .controls .buttons input
{
	float:left;
	margin-right:0.7em;
}

#page_content p
{
	margin:0 0 0.8em 0;
}
#page_content h3
{
	margin:0 0 0.8em 0;
}
#page_content fieldset
{
	margin:0.4em 0 1.4em 0;
	border:none;
}
p.formError
{
	padding:0.6em 0.6em 0.6em 0.6em;
	margin:0em 0 1.4em 0;
	color:#FF0006;
	border:1px solid #FF0006;
	background-color:#ffecec;
}
p.formSuccess
{
	padding:0.6em 0.6em 0.6em 0.6em;
	margin:0em 0 1.4em 0;
	color:#498700;
	border:1px solid #498700;
	background-color:#f6ffec;
}
/**
 * Institution page
 */
#page_content
{
	padding:1em 0 1em 0;
}
#page_content table
{
}
#page_content table.list
{
	width:100%;
	border-collapse:collapse;
	font-size:0.9em;
}
#page_content table.list_half
{
	width:50%;
}
#page_content table.list th, #page_content table.list td
{
	border-bottom:1px solid #d0d0d0;
	padding:2px 0 2px 0;
	font-weight:bold;
	vertical-align:middle;
}
#page_content table.list th
{
	color:#454545;
	text-align:left;
}
#page_content table.list td
{
	color:#000000;
}
#page_content table.list td.participation
{
	vertical-align:middle;
	width:15px;
}
#page_content table.list td.participation img
{
	margin:0px 0px 0 0;
}
#page_content table.list td.name
{
	
}
#page_content table.list .controls_3buttons
{
	width:275px;
}
#page_content table.list .controls_2buttons
{
	width:185px;
}
#page_content table.list td.flags
{
	width:40px;
}
#page_content table.list td.flags .flag
{
	float:left;
	margin:0px 4px 0 0;
	vertical-align:center;
}
#page_content table.list td.controls .blockbutton
{
	float:right;
	margin-left:2px;
}

/* generic large heading */
#page_content h4.page_heading
{
	font-size:1.3em;
	color:#454545;
	border-bottom:1px solid #000000;
	margin-bottom:10px;
	padding-bottom:4px;
	
}
/**
 * Institution details
 */
#page_content .insitution_details
{
	font-size:0.9em;
}
#page_content .insitution_details .column
{
	width:300px;
	float:left;
}
#page_content .insitution_details .column_right
{
	margin-left:49px;
}
#page_content .insitution_details .detail_item
{
	padding-bottom:10px;
}
#page_content .insitution_details .detail_item .label
{
	width:110px;
	float:left;
}
#page_content .insitution_details .detail_item .value
{
	width:140px;
	float:left;
	margin-left:8px;
}

#page_content .insitution_details .detail_creditbalance,
#page_content .insitution_details .detail_participation
{
	font-size:1.5em;
}
/*participation colours*/
/* #page_content .insitution_details .detail_participation_gold .value { color:#ffd900; }
#page_content .insitution_details .detail_participation_silver .value { color:#bdbdbd; }
#page_content .insitution_details .detail_participation_bronze .value { color:#af5718; }
#page_content .insitution_details .detail_participation_none .value { color:#000000; } */
/**
 * Login form
 */
.container_login #page_wedge
{
	height:310px;
}
.login_page
{
	float:left;
	width:897px;
}
.login_page h3
{
	margin:0 0 1em 0;
	padding:0;
	font-size:1.3em;
	color:#454545;
}
.login_page .login_form
{
	width:420px;
	margin:50px auto 0 auto;
}
.login_page .login_form form
{
	margin-top:10px;
}
.login_page .login_form .field input
{
	width:210px;
}
.login_page .login_form .field .input
{
	width:230px;
}
.login_page .login_form p
{
	margin:0 0 0.8em;
}

/**** T AND C Page */

.tandc_page
{
	float:left;
	width:600px;
	margin-left:25px;
	margin-top:25px;
}
.tandc_page h3
{
	padding:0;
	font-size:1.3em;
	color:#454545;
}
.tandc_page p
{
	margin:0 0 0.8em;
}


/**
 * Order details
 */
#page_content .order_details
{
	font-size:0.9em;
}
#page_content .order_details .column
{
	width:300px;
	float:left;
}
#page_content .order_details .column_right
{
	margin-left:49px;
}
#page_content .order_details .detail_item
{
	padding-bottom:10px;
}
#page_content .order_details .detail_item .label
{
	width:110px;
	float:left;
}
#page_content .order_details .detail_item .value
{
	width:140px;
	float:left;
	margin-left:8px;
}

#page_content .order_products table
{
	
}
#page_content .order_products table th, #page_content .order_products table td
{
	border-bottom:1px solid #D0D0D0;
	font-weight:bold;
	padding:4px 0;
	vertical-align:middle;
}


#page_content .order_products
{
	margin-top:2.1em;
}
#page_content .order_transactions
{
	margin-top:2.1em;
}
#page_content .order_subjects
{
	margin-top:2.1em;
}
#page_content .order_subjects table img
{
	margin:2px 3px 0 0;
	float:right;
}


/**
 * Credit page
 */

.request
{
	padding-bottom:20px
}
.creditstatus_approved { color:#498700;}
.creditstatus_rejected { color:#FF0006;}
.creditstatus_pending { color:#2468A7;}

/*
 * Credit_view page
 */
 #page_content .credit_details
{
	font-size:0.9em;
}
#page_content .credit_details .column
{
	width:300px;
	float:left;
}
#page_content .credit_details .column_right
{
	margin-left:49px;
}
#page_content .credit_details .detail_item
{
	padding-bottom:10px;
}
#page_content .credit_details .detail_item .label
{
	width:110px;
	float:left;
}
#page_content .credit_details .detail_item .value
{
	width:140px;
	float:left;
	margin-left:8px;
}
#page_content .credit_messages .add_message form
{
	padding-top:2px;
	padding-bottom:8px;
}
#page_content .credit_messages .add_message .input
{
	width:300px;
}
#page_content .credit_messages .add_message textarea
{
	width:270px;
	height:80px;
}
#page_content .credit_messages .add_message .submit
{
	width:140px;
	float:left;
	margin-left:8px;
}
#page_content .credit_messages h4
{
	border-bottom:1px solid #000000;
	color:#454545;
	font-size:1.3em;
	margin-bottom:10px;
	padding-bottom:4px;
}
#page_content .credit_messages .messages_list .message
{
	border-top:1px solid #D0D0D0;
	padding:8px 0 8px 0;
}
#page_content .credit_messages .messages_list .message .details
{
	width:130px;
	float:left;
}
#page_content .credit_messages .messages_list .message .details .user
{
	font-weight:bold;
	color:#454545;
}
#page_content .credit_messages .messages_list .message .details .timestamp
{
	color:#454545;
}
#page_content .credit_messages .messages_list .message .content
{
	width:300px;
	float:left;
}



/**
 * File uploader
 */
#uploader_container
{
	width:500px;
	height:200px;
	position:relative;
	overflow:hidden;
	margin:20px 0px 30px 0px;
}
#uploader_container #uploader
{
	position:absolute;
	left:0px;
	top:-28px;
}
#uploader_notice
{
	background-image:url(/res/ajax-loader_green.gif);
	padding-left:30px !important;
	background-position:8px 8px;
	margin:1.4em 0 0.8em 0 !important;
	display:none;
}



/**
 * List controls
 */
.blockbutton_small
{
	display:block;
	width:26px;
	height:21px;
	overflow:hidden;
	
}
.blockbutton_small span
{
	position:absolute;
	display:block;
	top:0px;
	left:-1000px;
}
.button_first { background-image:url(/res/button_first.jpg); }
.button_first_active { background-image:url(/res/button_first_active.jpg); }
.button_prev { background-image:url(/res/button_prev.jpg); }
.button_prev_active { background-image:url(/res/button_prev_active.jpg); }
.button_next { background-image:url(/res/button_next.jpg); }
.button_next_active { background-image:url(/res/button_next_active.jpg); }
.button_last { background-image:url(/res/button_last.jpg); }
.button_last_active { background-image:url(/res/button_last_active.jpg); }

.listcontrols
{
	margin:10px 0px 10px 0px;
	padding:10px 5px 10px 5px;
	background-color:#d0d0d0;
	position:relative;
	height:21px;
	width:100%;
}
.listcontrols .blockbutton_small
{
	float:left;
}

.listcontrols .button_first, .listcontrols .button_first_active, 
.listcontrols .button_prev, .listcontrols .button_prev_active
{
	float:left;
	margin-right:3px;
}

.listcontrols .button_next, .listcontrols .button_next_active, 
.listcontrols .button_last, .listcontrols .button_last_active
{
	float:right;
	margin-left:3px;
}

.listcontrols .counter
{
	position:absolute;
	top:12px;
	left:220px;
	width:200px;
	height:30px;
	text-align:center;
	font-weight:bold;
}

table.list span.otherSubject
{
	font-weight:normal;
}