/*
	Customizable styles
	- defines graphical styles
	-- typography
	-- backgrounds and colours
	-- borders and paddings
	-- icons
*/

/*
	- typography
*/
.form-container
	{font-family: Arial;
	font-size: 12px;
	color: #333;}
.form-container .form .form-textfield,
.form-container .form .form-textarea,
.form-container .form-textfield,
.form-container .form-textarea,
#start_page_container .form-textfield
	{font-family: arial;
	font-size: 11px;}
.form-container .form .form-label,
.form-container .form .form-header,
#start_page_container .form-label
	{font-weight: bold;}
.form-container .form .form-label,
#start_page_container .form-label
	{text-align: left;}
.form-container .form-container-header h2
	{font-style: italic;
	font-size: 14px;
	font-weight: bold;}
.form-container .dropdown-nav
	{font-size: 14px;}
.form-container .dropdown-nav .nav-left,
.form-container .dropdown-nav .nav-right
	{}
.form-container .form-table td a
	{text-decoration: underline;}
.form-container .form-table td a:hover
	{text-decoration: none;}
.form-container .form-table .form-table-controls a
	{font-size: 11px;
	text-decoration: none;}
.form-container .form-table .form-table-controls input,
.form-container .form-table .form-table-controls select
	{color: #aaa;
	font-style: italic;}
.form-container .form-table .form-table-controls input:focus,
.form-container .form-table .form-table-controls select:focus
	{color: #444;
	font-style: normal;}
.form-container .form-alert,
#start_page_container .form-alert
	{
	font-size: 11px;}

.form-container .form-alert .filter-label
	{color: #444;
	font-size: 12px;}

/* 
	- header bars
*/

.form-container .form-container-header,
.form-container .form .form-header
	{border-bottom: 1px solid #999;
	background: #e8e8e8; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e0e2e1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #e0e2e1); /* for firefox 3.6+ */}
.form-container .form-container-header
	{background: #e8e8e8; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e0e2e1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #e0e2e1); /* for firefox 3.6+ */}
.form-container .form-table tr th
	{background: #e8e8e8; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e0e2e1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #e0e2e1); /* for firefox 3.6+ */}

/*
	- backgrounds and colours
*/

.form-container,
#start_page_container,
.form-container a
	{color: #444;}
.form-container a:hover
	{color: #000;}
.form-container .form,
.form-container .filter-criteria-listitem
	{background: #eaeded;}
.form-container .filter-criteria-listitem .narrowed-text-field
	{width: 190px;}
.form-controls 
	{background: #ddd;}
.form-container
	{-background: url(../gfx/container-bg.png) #ccc repeat;
	background: #E6E6E6;
	}
.form-container .form-dropdown-content
	{background: #fff;}
.form-container .form-dropdown-content .dropdown-nav
	{background: #e0e2e1;}
.form-container .dropdown-list-item:hover
	{background: #f5f5f5;}
.form-container .form-container
	{background: url(../gfx/container-bg.png);}
.form-container .form-table tr
	{background-color: #fff;}
.form-container .form-table tr.form-table-oddrow
	{background-color: #f5f5f5;}
.form-container .form-table tr:hover
	{background-color: #f5f5f5;}
.form-container .form-table tr.form-table-editing
	{background-color: #fff8c8;}
.form-container .form-table tr.form-table-error
	{background-color: #fff5f4;}
.form-container .form-table th
	{color: #000;}
.form-container .form-table td
	{color: #666;}
.form-container .form-table .form-table-controls
	{background-color: #f5f5f5;}
.form-container .form-table tr th:hover,
.form-container .form-table tr th.active
	{background: #ccc; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e9ebea)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #e9ebea); /* for firefox 3.6+ */
	border-bottom: 1px solid #aaa;}
.form-container .icon-alert,
#start_page_container .icon-alert
	{background-image: url("../gfx/alert.png");}
.form-container .form-alert-box,
#start_page_container .form-alert-box
	{color: #fff;background: url(../gfx/alertbox.png) left top no-repeat;}
.form-container .form-notice-message
	{background-color: #fff8c8;}

/*
	- borders, paddings and effects
*/
.shell
	{-moz-box-shadow: 3px 5px 5px #999;
	-webkit-box-shadow: 3px 5px 5px #999;
	box-shadow: 3px 5px 5px #999;}

.form-container
	{-moz-box-shadow: 3px 5px 5px #999999;
	/*border-color: #fff;	
	border-width: 1px;*/}
.form-container .form
	{border-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 3px 5px 5px #999;
	-webkit-box-shadow: 3px 5px 5px #999;
	box-shadow: 3px 5px 5px #999;}
.form-container .form dd,
.form-container .form dt
	{padding: 0px 10px 7px;}
.form-container .form .form-header
	{padding: 5px 10px;}
.form-container .form .form-textfield,
.form-container .form .form-textarea,
.form-container .form-textfield,
.form-container .form-textarea,
#start_page_container .form-textfield
	{border-color: #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.form-container .form-controls .delimiter
	{border-right: 1px solid #ccc;
	margin-right: 3px;
	padding-right: 4px;}
.form-container .form-controls 
	{border-bottom: 1px solid #bbb;}
.form-container .form-controls .form-controls-label
	{display: inline-block;
	margin-top: 2px;}
.form-container .form-controls-input
	{border-color: #bbb;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-right: none;}
.form-container .form-dropdown-content
	{border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top: none;}
.form-container .form-table tr
	{border: 1px solid #ccc;}
.form-container .form-table tr.form-table-error td,
.form-container .form-table tr.form-table-editing td
	{border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;}
.form-container .form-table td
	{border-top: 1px solid #f5f5f5;}
.form-container .form-table th
	{border-bottom: 1px solid #ccc;}
.form-container .form-table .form-table-controls input
	{border-color: #c9c9c9;}
.form-container .form-table .form-table-controls input:focus
	{border-color: #444;}
.form-container .form .form-error
	{border-color: #ae2d26;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.form-container .form-alert-box,
#start_page_container .form-alert-box
	{border: none;
	padding: 15px 7px 10px;
	color:#fff}
.form-container .form-filters
	{border-bottom: 1px solid #bbb;}
.form-container .form-notice-message
	{border: 1px solid #ddbb00;}
.form-container .filter-criteria-listitem
	{padding: 2px 10px;
	margin-bottom: 3px;
	border: 1px solid #fff;}
.form-container .form-filter-wrapper
	{margin: 10px;
	border: 1px solid #ccc;
	padding: 4px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}


.form-container .icon-button
	{background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 5px;
    height: 16px;
    width: 16px;}
.form-container .icon-button-ts-delete
	{
	background-image: url(../gfx/delete.png);
	width: 200px;
	height: 200px;
	}    
.form-container .icon-button-ts-duplicate
	{
	background-image: url(../gfx/duplicate.png);
	width:	200px;
	height: 200px;
	}
.form-container .icon-button-edit
	{background-image: url("../gfx/table_edit.png");}
.form-container .icon-button-accept
	{background-image: url("../gfx/tick.png");}
.form-container .icon-button-cancel
	{background-image: url("../gfx/cancel.png");}
.form-container .icon-button-copy
	{background-image: url("../gfx/table_row_insert.png");}
.form-container .icon-button-delete
	{background-image: url("../gfx/table_row_delete.png");}

.form-container .form-controls-item .window-open
	{height: 18px;
	width: 18px;}
.form-container .form-controls-item .window-locked
	{height: 18px;
	width: 18px;}
.form-container .custom-icon,
#start_page_container .custom-icon
	{background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 3px;
    height: 16px;
    width: 16px;}

/*
	- buttons
*/
.form-container .form-button,
#start_page_container .form-button
	{border-color: #bbb;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	padding: 3px 7px;
	font-size: 11px;
	background: #e8e8e8; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e0e2e1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #e0e2e1); /* for firefox 3.6+ */}
.form-container .button-go
	{background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#c1d705)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #c1d705); /* for firefox 3.6+ */}
.form-container .button-save
	{background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#c1d705)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #c1d705); /* for firefox 3.6+ */}
.form-container .button-new
	{background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#d2eaff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #d2eaff); /* for firefox 3.6+ */}
.form-container .button-add
	{background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#d2eaff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #d2eaff); /* for firefox 3.6+ */}
.form-container .form-button-container .table-button
	{margin-top: 7px;}
.form-container .form-button-container .table-button .ui-icon
	{margin-top: -1px;}
.form-container .form-dropdown-button, .form-container .form-dropdown-button:hover
	{border: #bbb 1px solid;
	float: left;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-left: none;
	background: url(../gfx/down.png) no-repeat 0px 0px #fff;
	cursor: pointer;
	padding: 3px;
	height: 22px;
	margin-left:2px;
	width: 20px;}

/*
	- some less-than-pretty browser hacks
*/
.form-container .form-dropdown-button::-moz-focus-inner 
	{border:0; /* removes focused button outlines in ff */}
@media screen and (-webkit-min-device-pixel-ratio:0) 
	{.form-container .form-dropdown-button {height: 21px;}
	.form-container .custom-icon,
	#start_page_container .custom-icon {margin-top: -3px;margin-bottom: 3px;}}
*+html .form-container .form-dropdown-button {height: 24px;}