@charset "windows-1251";
/* CSS Document */
body
{
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	color: #333;
}
/*------------ Main Line -------------------*/
#mainLine
{
	height: 20px;
	background-color: #eee;
	border: 1px solid #aaa;
	padding: 2px 4px;
}
#infoML
{
	float: left;
}
#fucntionML a
{
	float: right;
	color: #600;
	margin-right: 10px;
}
/*------------------- links -------------------*/
a {color: blue; text-decoration:underline ; cursor: pointer;}
a.menuItem {padding: 1px 5px !important; }
a:hover{ text-decoration:none !important;  color: #7799FF;}

.links
{
	padding: 2px;
	cursor: pointer;
}
/*------------ list Modules -------------------*/
#listModules
{
	cursor: default;
	padding: 2px;
	border: 1px solid #aaa;
}
.title
{
	height: 8px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}
#workSpace .title
{
	text-align: left;
	padding-left: 5px;
}
#functionLM a
{
	display: block;
	margin: 0px 5px 5px 10px;
	color: #3C6991;
}
#workSpace
{
	padding: 2px;
	border: 1px solid #aaa;
}
/*---------------------- tableList ----------*/
table { background-color: #eee; font-size: 12px; }
table td { background-color: #fff; padding: 0px 4px; }
table tfoot td { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; }
.center { text-align: center; }
.tableList thead td
{ 
	background-color: #ddd;
	cursor: default;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa; 
}
.tableList tbody .trHover td { background-color: #ffe;}
.tableList tbody .buttons img{ float: right; margin: 0px 4px; cursor: pointer; }
.tableList tfoot .tableListSettings div
{
	margin: 3px 0px;
	font-size: 12px;
	color: #333;
}
.tableList tfoot .tableListSettings div label {	margin: 0px 5px; }
.tableList tfoot .tableListSettings div input, .tableList tfoot .tableListSettings div select
{
	font-size: 12px;
	color: #333;
	border: 1px solid #aaa;
}

/*--------- tree ----------------*/
.tree .trHover { background-color: #ffe;}
.tree dl { margin: 0px; padding: 0px;}
.tree dt {
	line-height: 20px;
	margin: 1px 0px;
	padding: 0px;
	border: 1px solid #ddd;
}
.tree dt .status, .tree dt .not_status { 
	background-repeat: no-repeat;
	background-position: 6px center;
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.tree dl.close dt .status{ background-image: url(../images/plus.gif) !important; }
.tree dl.open dt .status{ background-image: url(../images/minus.gif); }

.tree dt .buttons {
	line-height: 10px;
	font-size: 10px;
	float: right;
	width: 100px;
}
.tree dt .buttons img { margin: 2px 2px 0 0; cursor: pointer;}
.tree dd { margin: 0px; padding: 0 0 0 20px; }
.tree dl.close dd { display: none !important; }
.tree dl.open dd{ display: block; }

/*-----------------         content         -------------------*/
.title .functions *
{
	margin-right: 10px;
}

.topLine { padding: 3px; border-bottom: 1px dotted #eee; }

#workSpace > div#paginationdiv {
    margin: 15px;
    text-align: center;
}
#workSpace #paginationdiv .minilink {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #0d68d0;
    display: inline-block;
    padding: 3px;
    text-decoration: none;
}
#workSpace .minilink:hover {
    text-decoration: underline!important;
}
/* #Buttons
================================================== */
a.button {
    text-decoration: none;
}
a.button:hover {
    color:#fff;
}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: #555555;
    color: #fff !important;
    display: inline-block;
    font-size: 1em;
    text-decoration: none;
    cursor: pointer;
    /* margin-bottom: 20px; */
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset !important;
    -moz-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset !important;
    box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset !important;
    line-height: normal;
    padding: 9px 12px;
    text-transform: uppercase;
}
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #fff;
    text-decoration: none;
}
/*
	.button[title="upload a surf photo"], .button[href="#vidUpload"] {
		background-color: @redLink;
		border: 1px solid #CA2929;
    	box-shadow: 0 1px rgba(255, 255, 255, 0.4) inset;

	}
	.button[title="upload a surf photo"]:hover, .button[href="#vidUpload"]:hover {
		background:#FA5959 !important;
	}
	*/
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    color: #fff;
    text-decoration: none;
    background: #363535 !important;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    color: #fff !important;
    background: #363535;
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Button Colours */
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background: #555555;
}
.button.bUpdate,
button.bUpdate,
input[type="submit"].bUpdate,
input[type="reset"].bUpdate,
input[type="button"].bUpdate {
    background-color: #456700;
}
.button.bNew,
button.bNew,
input[type="submit"].bNew,
input[type="reset"].bNew,
input[type="button"].bNew {
    background-color: #59771e;
}
.button.bUploadP,
button.bUploadP,
input[type="submit"].bUploadP,
input[type="reset"].bUploadP,
input[type="button"].bUploadP {
    background-color: #6a9f00;
}
.button.bUploadV,
button.bUploadV,
input[type="submit"].bUploadV,
input[type="reset"].bUploadV,
input[type="button"].bUploadV {
    background-color: #9bcf34;
}
.button.bEmbed,
button.bEmbed,
input[type="submit"].bEmbed,
input[type="reset"].bEmbed,
input[type="button"].bEmbed {
    background-color: #a9cf5d;
}
.button.bGreen,
button.bGreen,
input[type="submit"].bGreen,
input[type="reset"].bGreen,
input[type="button"].bGreen {
    background-color: #6a9f00;
    box-shadow: none;
}
.button.bBlue,
button.bBlue,
input[type="submit"].bBlue,
input[type="reset"].bBlue,
input[type="button"].bBlue {
    background-color: #5087a7;
    margin-bottom: 2px;
}
.button.bFrmBlue,
button.bFrmBlue,
input[type="submit"].bFrmBlue,
input[type="reset"].bFrmBlue,
input[type="button"].bFrmBlue {
    background-color: #43a6df;
    border: none !important;
}
.button.redaction,
button.redaction,
input[type="submit"].redaction,
input[type="reset"].redaction,
input[type="button"].redaction {
    background-color: #ea4949;
    border: 1px solid #CA2929;
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 0 1px rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0 1px rgba(255, 255, 255, 0.4) inset;
}
.button.redaction:hover,
button.redaction:hover,
input[type="submit"].redaction:hover,
input[type="reset"].redaction:hover,
input[type="button"].redaction:hover {
    background: #FA5959 !important;
}