﻿body 
{
    margin:0;
    font-family:Verdana;
    font-size:0.9em;
    background-color:#F2F2F2;
    line-height:1.6em;
}

/* links */

a:visited
{
    color:#0066CC;
}

/* images */

img.middletext
{
    vertical-align:middle;
    margin-right:10px;
}

/* floats */

.floatleft
{
    float:left;
}

.floatright
{
    float:right;
}

.clear
{
    clear:both;
}

/* hide */

.hide
{
    display:none;
}

.hidden
{
    display:none;
}

/* validations styles */

.validation-summary-errors 
{
    background:#FFEEEE url(/Content/Images/Icons/Error.png) no-repeat 10px 10px;
    border:solid 1px #FF6A6A;
    padding:10px 10px 10px 50px;
    margin-bottom:10px;
    color:#333333;
}

.validation-summary-errors ul
{
    list-style-type:disc;
    margin:0 0 0 25px;
    padding:0;
}

.input-validation-error 
{
    border: 1px solid #FF6A6A;
}

.input-readonly 
{
    border: 1px solid Gray;
    background-color: #F1F1F1;
}

.field-validation-error 
{
    color: #f00;
}

.validation-summary-valid 
{
    display: none;
}

/* forms */

form ul.form
{
    padding:0;
    margin:0;
list-style-type:none;
    width:700px;
}

form ul.form li.column
{
    width:340px;
}

/* input */

input
{
    font-size:1.05em;
    border:solid 1px #cccccc;
    margin:0 0 7px 0;
    width:300px;
    height:22px;
    line-height:22px;
}


input.submit
{
    height:30px;
    width:auto;
    padding:0 20px 0 20px;
}

input.checkbox
{
    border:0;
    text-align:left;
    width:20px;
}

input.radio
{
    border:0;
    text-align:left;
    width:30px;
}

label.radio
{
    width: 100px;
    vertical-align:top;
}


/* textarea */

textarea
{
    font-family:Verdana;
    font-size:1em;
    border:solid 1px #cccccc;
    margin:0 0 7px 0;
    width:100%;
    height:150px;
}

/* rich text box and default content with rich text box*/

table.defaultcontent
{
    width:100%;
    height:100%;
    background-color:#ffffff;
    border-collapse:collapse;
    font-size:0.95em;
}

table.defaultcontent th
{
    border:solid 1px #000000;
    text-align:left;
    font-weight:normal;
    padding-left:3px;
    height:30px;
}

table.defaultcontent td
{
    padding:5px 5px 0 5px;
    border:solid 1px #000000;
    vertical-align:top;
}

table.defaultcontent td.twocolumn
{
    width:50%;
}

table.defaultcontent td.threecolumn
{
    width:33%;
}

table.defaultcontent td.fourcolumn
{
    width:25%;
}

div.jHtmlArea
{
    margin-bottom:5px;
}

.red 
{
   color:Red;
}

/* holder for the full site */

#site
{
    margin:0 auto;
    width:900px;
}

/* header */

#header
{
    margin:10px 0 10px 0;
}

#header h1
{
    font-size:1.4em;
    font-weight:normal;
}

#header img
{
    vertical-align:middle;
    margin-right:10px;
}

/* container of the main page content */

#content
{
    background-color:#ffffff;
    border:solid 1px #cccccc;
    padding:10px;
}

#content h2
{
    margin:0 0 15px 0;
    font-size:1.2em;
    font-weight:normal;
}

/* heading */

.heading
{
    margin:10px 0 10px 0;
    padding-left:5px;
    border:solid 1px #cccccc;
    background-color:#F1F1F1;
}

.heading img
{
    vertical-align:middle;
    margin:5px 10px 5px 0;
}

/* outlined box */

.outline
{
    border:solid 1px #cccccc;
}

.outline .heading
{
    margin-top:0px;
    border-top:none;
    border-left:none;
    border-right:none;
}

.outline p
{
    padding:5px;
}

/* data protection styles */

#dataprotection
{
    font-size:0.8em;
    line-height:1.4em;
}

/* loading div */

.loading
{
    text-align:center;
    margin-top:60px;
}

/* JQuery UI widget overrides */

.ui-widget-content 
{
    border: 0;
}

/* JQuery UI helper overrides */

.ui-helper-hidden-accessible
{
    clip: auto;
}

/* JQuery UI date picker overrides */

.ui-datepicker
{
    border:solid 1px #000000;
}

/* entertainment licence application */

.option
{
    background-color:#F9F9F9;
    border:solid 1px #cccccc;
    width:420px;
    height:50px;
    padding:5px;
    margin-bottom:10px;
}

.option img
{
    vertical-align:middle;
    margin-right:10px;
}

.option.selected
{
    background-color:#F1F1F1;
    cursor:pointer;
}

.option.permanentselect
{
    background-color:#F1F1F1;
}

input.chkItems
{
min-width: 19px;
width:auto;
height:25px;
border-style:none;
vertical-align:middle;
}

.readonly
{
    background-color:#cccccc;
    border:solid 1px #cccccc;
}

#editorRows { margin: 1em; }

#editorRowsFile { margin: 1em; }


div.jHtmlArea { width:100px;  display: inline block; border:solid 1px #cccccc;font-size:5em; }
div.jHtmlArea div {width:100px; padding: 0px; margin: 0px;}
div.jHtmlArea .ToolBar {width:100px;}
div.jHtmlArea .ToolBar ul 
{ 
    border: solid 1px #ccc; 
    margin: 1px; 
    padding: 1px; 
    float: left; 
    background: #fff url(/Content/Images/jHtmlArea/jHtmlArea_Toolbar_Group_BG.png) repeat-x;
}
    
div.jHtmlArea .ToolBar ul li  
{
    list-style-type: none; 
    float: left; 
    /*border: none; */
    border: solid 1px transparent;
    padding: 1px; 
    margin: 1px; 
}
div.jHtmlArea .ToolBar ul li:hover 
{ 
    border: solid 1px #ccc; 
    background: #ddd url(/Content/Images/jHtmlArea/jHtmlArea_Toolbar_Group__Btn_Select_BG.png); 
    padding: 0; 
}

div.jHtmlArea .ToolBar ul li a { display: block; width: 16px; height: 16px; background: url(/Content/Images/jHtmlArea/jHtmlArea.png) no-repeat -16px -500px; border: none; cursor: pointer; padding: 0px; }
div.jHtmlArea .ToolBar ul li a.highlighted { border: solid 1px #aaa; background-color: #bbb; padding: 0; }
div.jHtmlArea .ToolBar ul li.separator {height: 16px; margin: 0 2px 0 3px; border-left: 1px solid #ccc;}
div.jHtmlArea .ToolBar ul li.separator:hover { padding: 1px; background-color: #fff; border-top:none; border-bottom:none; border-right:none;}
div.jHtmlArea .ToolBar ul li a:hover { }
div.jHtmlArea .ToolBar ul li a.bold { background-position: 0 0; }
div.jHtmlArea .ToolBar ul li a.italic { background-position: -16px 0; }
div.jHtmlArea .ToolBar ul li a.underline { background-position: -32px 0; }
div.jHtmlArea .ToolBar ul li a.strikethrough { background-position: -48px 0; }
div.jHtmlArea .ToolBar ul li a.link { background-position: -64px 0; }
div.jHtmlArea .ToolBar ul li a.unlink { background-position: -80px 0; }
div.jHtmlArea .ToolBar ul li a.orderedlist { background-position: -96px 0; }
div.jHtmlArea .ToolBar ul li a.unorderedlist { background-position: -112px 0; }
div.jHtmlArea .ToolBar ul li a.image { background-position: -128px 0; }
div.jHtmlArea .ToolBar ul li a.cut { background-position: -144px 0; }
div.jHtmlArea .ToolBar ul li a.copy { background-position: -160px 0; }
div.jHtmlArea .ToolBar ul li a.paste { background-position: -176px 0; }
div.jHtmlArea .ToolBar ul li a.html { background-position: -192px 0; opacity:0.6; filter:alpha(opacity=60);}
div.jHtmlArea .ToolBar ul li a.html.highlighted { opacity:1.0; filter:alpha(opacity=100);}
div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;}
div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;}
div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;}
div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;}
div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;}
div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;}
div.jHtmlArea .ToolBar ul li a.subscript   { background-position: -96px -16px;}
div.jHtmlArea .ToolBar ul li a.superscript { background-position: -112px -16px;}
div.jHtmlArea .ToolBar ul li a.indent { background-position: -128px -16px;}
div.jHtmlArea .ToolBar ul li a.outdent { background-position: -144px -16px;}
div.jHtmlArea .ToolBar ul li a.horizontalrule { background-position: -160px -16px;}
div.jHtmlArea .ToolBar ul li a.p { background-position: -176px -16px;}
div.jHtmlArea .ToolBar ul li a.justifyleft { background-position: 0 -32px;}
div.jHtmlArea .ToolBar ul li a.justifycenter { background-position: -16px -32px;}
div.jHtmlArea .ToolBar ul li a.justifyright { background-position: -32px -32px;}
div.jHtmlArea .ToolBar ul li a.increasefontsize { background-position: -48px -32px;}
div.jHtmlArea .ToolBar ul li a.decreasefontsize { background-position: -64px -32px;}
div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -80px -32px;}

.iconfield
{
    text-align:center;
    vertical-align:middle;
}

.smallText
{
    font-size: 0.75em;
}