﻿
html {
    /*background-color: #e2e2e2;*/
    margin: 0;
    padding: 0;
}


body {
    background-color: #ececec;
    /*border-top: solid 10px #000;*/
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background-image:url(../images/body_bg.gif);
}


a {
    color: #333;
    outline: none;
   
    text-decoration: underline;
}

a img {
    border: none;
}

#menuPanel
{
    width: 100%;
    height: 80px;
    float:left;
    background-image: url(../Images/menuback_repeat.png);
    background-repeat: repeat-x;
    margin:auto;
}


#body {
    /*background-color: #d3d3d3;*/
    width:100%;
    height:auto;
    /*clear: both;*/
    margin:auto;
    float:left;
    padding-bottom: 35px;

    /*background-image:url(images/body_bg.gif);*/
}

#leftPage {
        height: 320px;
        /*width: 200px;*/
        background: url(../Images/290618-tlsnewsportrait.jpg) right top;
        background-repeat: no-repeat;
        display: none;
        
    }

    #page
    {
        width: 1000px;
        height: auto;
        margin:auto;
        background-color:white;
        overflow:auto;
        border-left:5px solid #d3d3d3;
        border-right:5px solid #d3d3d3;
        border-bottom:5px solid #d3d3d3;
        position:relative;
        top:-38px;
        /*-webkit-box-shadow:0 0 10px #303030; 
	-moz-box-shadow: 0 0 10px #303030; 
	box-shadow:0 0 10px #303030;*/
    }

    #rightPage {
        height: 320px;
        /*width: 200px;*/
        background: url(../Images/393311-110627-nic-naitanui-mark.jpg) left top;
        background-repeat: no-repeat;
        display: none;
    }




/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border:1px solid #ddd;
    padding: 10px 20px 20px 20px;
    background-color:#ececec;
    /*margin: 0 0 1.5em 0;*/
    
}

legend {
    font-size: 2.2em;
    text-align:center;
}

textarea {
    min-height: 75px;
    
}

.editor-label {
    margin: 1em 0 0 0;
    font-family:Calibri;
			font-size:16px;
			color:#333333;
            text-align:left;
}

.editor-label-required {
    margin: 1em 0 0 0;
    font-family:Calibri;
			font-size:14px;
			color:#FF3300;
            text-align:left;
}
.editor-field {
    margin: 0.5em 0 0 0;
    text-align:left;
}

.editor-field input 
{
    border-radius: 3px;
    width: 280px;
    height: 25px;
    border: 1px solid #B3B1B1;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    color: #828282;
    font-family: Calibri;
    text-align:left;
}

.editor-field select
{
    border-radius: 8px;
    width: 360px;
    height: 30px;
    border: 1px solid #B3B1B1;
    font-size: 22px;
    padding-left: 5px;
    padding-right: 5px;
    color: #828282;
    font-family:Calibri;
    text-align:left;
}


.editor-field textarea
{
    border-radius: 8px;
    border: 1px solid #B3B1B1;
    font-size: 22px;
    padding-left: 5px;
    padding-right: 5px;
    color: #828282;
    font-family: Calibri;
    text-align:left;
}

.editor-field-big {
    margin: 0.5em 0 0 0;
    text-align:left;
}

.editor-field-big input 
{
    border-radius: 3px;
    width: 250px;
    height: 20px;
    border: 1px solid #B3B1B1;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    color: #828282;
    font-family: Calibri;
    text-align:left;
}

.editor-field-big select
{
    border-radius: 3px;
    width: 260px;
    height: 20px;
    border: 1px solid #B3B1B1;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 0px;
    color: #828282;
    font-family:Calibri;
    text-align:left;
}


.editor-field-big textarea
{
    border-radius: 3px;
        width: 250px;
    border: 1px solid #B3B1B1;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    color: #828282;
    font-family: Calibri;
    text-align:left;
}


.textbox input 
{
    border-radius: 3px;
    width: 320px;
    height: 25px;
    border: 1px solid #B3B1B1;
    font-size: 14px;
    padding-left:30px;
    padding-right: 5px;
    color: #acacac;
    font-family: Calibri;
    background-color:#6d6d6d;
    background-image:url(../images/search.png);
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:left;
}


/*-----Menu-------*/

div.menu
{
    /*padding: 4px 0px 4px 8px;*/
     margin: 0px;

     /*position:relative;
     top:-18px;*/

}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    div.menu ul li { top: -18px; }
   
}

div.menu ul,div.submenu ul
{
    list-style: none;
    margin: 0px;
    padding: 5px;
    width: auto;
    top:-6px;
}

div.menu ul li
{ 
    padding: 0px 2px;
    font-family: Calibri;
    font-size: 16PX;
    color: white;
    /*background-color:#dad7ef;*/
    /*border-right:1px solid #bcb9ce;*/
    z-index:1000;
}

div.submenu ul li
{ 
    padding: 0px 2px;
    font-family: Calibri;
    font-size: 16PX;
    color: Black;
    /*background-color:#dad7ef;*/
    /*border-right:1px solid #bcb9ce;*/
    z-index:1000;
}

div.menu ul li a, div.menu ul li a:visited
{
   
   
    color: #ffffff;
    display: block;
    /*line-height: 1.35em;*/
    padding: 10px 20px;
    text-decoration: none;
    white-space: nowrap;
}

/* background-color: #bfcbd6; */

div.menu ul li a:hover
{
    border:solid 0px #000000;
    /*-moz-border-radius-topleft: 5px;
     -moz-border-radius-topright:5px; 
    -moz-border-radius-bottomleft:5px;
     -moz-border-radius-bottomright:5px; 
    -webkit-border-top-left-radius:5px;
     -webkit-border-top-right-radius:5px; 
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-left-radius:5px;
     border-top-right-radius:5px; 
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;*/
    /*background-color: #f06418;*/
    background-image:url(../images/menubackhover_repeat.png);
    color: white;
    text-decoration: none;
}

div.menu ul li li a, div.menu ul li li a:visited
{
   
   
    color: #ffffff;
    display: block;
    /*line-height: 1.35em;*/
    padding: 10px 20px;
    text-decoration: none;
    white-space: nowrap;
    background-color:#555555;
}

/* background-color: #bfcbd6; */

div.menu ul li li a:hover
{
    border:solid 0px #000000;
    /*-moz-border-radius-topleft: 5px;
     -moz-border-radius-topright:5px; 
    -moz-border-radius-bottomleft:5px;
     -moz-border-radius-bottomright:5px; 
    -webkit-border-top-left-radius:5px;
     -webkit-border-top-right-radius:5px; 
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-left-radius:5px;
     border-top-right-radius:5px; 
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;*/
    /*background-color: #f06418;*/
    background-image:url(../images/menubackhover_repeat.png);
    color: white;
    text-decoration: none;
}

.selected
{
    border:solid 0px #000000;
    background-color: #f06418;
    color: white;
    text-decoration: none;
}


.buttonBlue
{
    font-family: Calibri;
    color: white;
    font-size: 18px;
    padding: 5px 15px 5px 15px;
    /*background-color: black;*/
    border-radius: 3px 3px;
    border:none;
    background-color:#0d2e56;
     cursor: pointer;
}


.buttonBlue:hover
{
    background-color:#3668a5;
}


.heading
{
    font-size: 20px;
    color: black;
    padding:10px;
    font-weight:bold;
}

.subheading
{
    font-size: 16px;
    color: black;
    padding:10px;
}

.matter
{
    font-size: 14px;
    color: black;
    padding:10px;
    text-align:justify;
}

  
.BigButtons
{
    border-radius: 8px;
    width: 300px;
    height: 60px;
    border: 1px solid #315784;
    font-size: 22px;
    padding-left: 5px;
    padding-right: 5px;
    color: White;
    font-family:Tahoma, Arial;
            background-color: #4f81bd;
            cursor: pointer;
            margin: 6px;
}

.MidButtons
{
    border-radius: 8px;
    width: 200px;
    height: 60px;
    border: 1px solid #315784;
    font-size: 22px;
    padding-left: 5px;
    padding-right: 5px;
    color: White;
    font-family:Tahoma, Arial;
            background-color: #4f81bd;
            cursor: pointer;
    margin: 5px;
}



        /*@media (max-width:280px)  {
            .GuttersGallary {
           width:100%;  
        }
        }

        @media (max-width:1200px)  {
            .GuttersGallary {
           width:85%;  
        }
        }*/