/* NB !!!!!!!!! FOR LIVE GHANGE FROM GREEN TO #ddd*/

html { 
    background-color: #FFFFFF;
}

.menu_two a { 
    height:30px; 
}

/*
COLOURS
RESPONSIVE TEST - #99EE55 - GREEN
TEST - #99FF00 - SHOCKING GREEN
QA - #FFBB44 - ORANGE
LIVE - #DDDDDD - GREY
*/

#responsive_templatemo_content {
    padding: 25px;
    background-color: #DDDDDD;    /* CHANGE THIS TO #ddd */
    border-bottom: 1px solid #66AAFF;
    border-left: 1px solid #66AAFF;
    border-right: 1px solid #66AAFF;   
}

div.popup div.menu_form_body
{
    border: 2px solid black;
    background-color: #DDDDDD; /* CHANGE THIS TO #ddd */
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
}

div.popup { z-index: 999; }

/* Responsive */

select {
    box-sizing:content-box;
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; 
}

input[type="email"],
input[type="password"],
input[type="text"],
input[type="date"],
input[type="email"],
textarea {
    border: 1px solid #dcdcdc;
    padding: 2px 2px;
    height: 16px;
}

select {
    border: 1px solid #dcdcdc;
    padding: 2px 2px;
}

.text {
    width: 150px;
    text-transform: none;
}

.responsive_big_display {
    width: 60px;
}

#responsive_body {
    margin: auto;
    color:#555;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:1.5em; 
    background-color: #fffff; 
    background-position:top;
    background-repeat:repeat-x; 
    min-width:900px;
    max-width: 1325px;
}

#responsive_templatemo_header_wrapper {	
    margin: auto;
    width: 100%;
    height:100%;
    padding-bottom:20px;
}

#responsive_templatemo_header_wrapper form {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;	
}

#responsive_h5 {  
    color: #33799; 
    margin: 0 0 10px 0; 
    padding:5px; 
    font-size:15px;
}

#responsive_def_border {
    border: 1px solid #337799;
    padding: 20px;
    width: 75%;
}

#responsive_def_border_inner {
    border: 1px solid #337799;
    width: 100%;
}

#responsive_table {
    width:99%;
    padding: 10px 10px 10px 0px;
}

#responsive_table td {
    padding-left:10px;
}

#responsive_table_nopadding {
    width:99%;
    padding-right:10px;
}

.transform-button a {
    font-family: inherit;
    font-size: 100%;
    padding: 2px;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    background-color: #555555;
    text-decoration: none;
    border-radius: 3px;
    width: 110px;
    height: 18px;
    text-align: center;
    display: block;
    clear: both;
    -moz-transition: all 1s ease-in; /* Firefox */ 
    -webkit-transition: all 1s ease-in; /* WebKit */
    -o-transition: all 1s ease-in; /* Opera */
    transition: all 1s ease-in; /* Standard */
}

.transform-button a:hover {  
    background-color: #999999;
    color: #000000;
    -moz-transition: all 1s ease-in; /* Firefox */ 
    -webkit-transition: all 1s ease-in; /* WebKit */
    -o-transition: all 1s ease-in; /* Opera */
    transition: all 1s ease-in; /* Standard */
}

.responsive_rc_btn_02 a {
    font-family: inherit;
    font-size: 100%;
    padding: 2px;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    background-color: #555555;
    text-decoration: none;
    border-radius: 3px;
    width: 110px;
    height: 18px;
    text-align: center;
    display: block;
    clear: both;
    -moz-transition: all 1s ease-in; /* Firefox */ 
    -webkit-transition: all 1s ease-in; /* WebKit */
    -o-transition: all 1s ease-in; /* Opera */
    transition: all 1s ease-in; /* Standard */
}

.responsive_rc_btn_02:hover {  
    background-color: #999999;
    color: #000000;
    -moz-transition: all 1s ease-in; /* Firefox */ 
    -webkit-transition: all 1s ease-in; /* WebKit */
    -o-transition: all 1s ease-in; /* Opera */
    transition: all 1s ease-in; /* Standard */
}

/*
.responsive_rc_btn_02 a {
    clear: both;
    display: block;
    text-align: center;
    width: 83px;
    height: 22px;
    padding-top: 5px;
    padding-left: 2px;
    background: url(../images/button01.png) no-repeat;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.responsive_rc_btn_02 a:hover {
    clear: both;
    display: block;
    text-align: center;
    width: 83px;
    height: 22px;
    padding-top: 5px;
    padding-left: 2px;
    background: url(../images/button01.png) no-repeat;
    font-size: 11px;
    color: #0099FF;
    font-weight: bold;
    text-decoration: none;
}
*/

.responsive_rc_btn_03 a {
    clear: both;
    display: block;
    text-align: center;
    width: 126px;
    height: 22px;
    padding-top: 5px;
    padding-left: 2px;  
    background: url(../images/button02.png) no-repeat;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.responsive_rc_btn_03 a:hover {
    clear: both;
    display: block;
    text-align: center;
    width: 126px;
    height: 22px;
    padding-top: 5px;
    padding-left: 2px;
    background: url(../images/button02.png) no-repeat;
    font-size: 11px;
    color: #0099FF;
    font-weight: bold;
    text-decoration: none;
}

#browse_1_div tr:hover {
    cursor: pointer;
}

#browse_2_div tr:hover {
    cursor: pointer;
}

#browse_3_div tr:hover {
    cursor: pointer;
}

.nav_responsive {
    height:100%; 
    color:#ffffff; 
    background:#dddddd; 
    padding-left:6px;
    margin: auto;
    border-top: 1px solid #66AAFF;
    border-left: 1px solid #66AAFF;
    border-right: 1px solid #66AAFF;
}
     
#responsive_templatemo_header {	
    margin: auto;
    width: 100%;
}
    
#responsive_site_title {
    width: 100%;
    padding: 5px 0 5px 0;
    float: left;
}

/* Sortable tables */
table.responsive_sortable{
    width:290px;
    display: block;
}

table.responsive_sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
    display: block;
}

table.responsive_sortable thead tr {
    display: block;
}

table.responsive_sortable thead th {
    padding: 3px 0px 3px 0px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
}

table.responsive_sortable tbody{
    overflow-x:hidden;
    overflow-y:scroll; 
    text-transform:uppercase;
    font-size:11px;
    height:100px;
    display: block; 
}

table.responsive_sortable tbody tr {
    background-color: #E2E4FF;
}

table.responsive_sortable tbody tr:hover  {
    background-color: #66BBFF;
}

/* CheckBox */
label {
	display: inline;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 18px;
	position: absolute;
	top: 0.5px;
	left: 1px;
	color: #000;
        -moz-padding-start: 2px;
}


.big-checkbox + label {
	padding: 10px;
}

input.SmallI
{
    width:50px;
}

input.SmallMediumI
{
    width:120px;
}

input.MediumI
{
    width:150px;
}

input.LargeI
{
    width:200px;
}

input.ExtraLargeI
{
    width:450px;
}

input.SmallD
{
    width:50px;
}

input.SmallMediumD
{
    width:120px;
}

input.MediumD
{
    width:150px;
}

input.LargeD
{
    width:200px;
}

input.ExtraLargeD
{
    width:450px;
}

select.SmallS
{
    width:60px;
}

select.SmallMediumS
{
    width:120px;
}

select.MediumS
{
    width:150px;
}

select.LargeS
{
    width:200px;
}  

select {
    width:200px; 
}

@media (max-width: 1000px) {
    h5
    {
        font-size: 17px;
    }
    
    td {
        font-size: 11px;
    }
    
    .responsive_big_display {
        width: 0px;
    }
    
    input.SmallI
    {
        width:30px;
    }
    
    input.SmallMediumI
    {
        width:75px;
    }

    input.MediumI
    {
        width:90px;
    }

    input.LargeI
    {
        width:150px;
    }
    
    input.ExtraLargeI
    {
        width:250px;
    }
    
    input.SmallD
    {
        width:30px;
    }
    
    input.SmallMediumD
    {
        width:75px;
    }

    input.MediumD
    {
        width:90px;
    }

    input.LargeD
    {
        width:150px;
    }
    
    input.ExtraLargeD
    {
        width:250px;
    }
    
    select.SmallMediumS
    {
        width:75px;
    }

    select.MediumS
    {
        width:90px;
    }

    select.LargeS
    {
        width:150px;
    }   
    
    select {
        width:150px;    
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1325px) {    
    h5
    {
        font-size: 15px;
    }
    
    td {
        font-size: 11px;
    }
    
    .responsive_big_display {
        width: 0px;
    }
    
    input.SmallI
    {
        width:30px;
    }
    
    input.SmallMediumI
    {
        width:85px;
    }

    input.MediumI
    {
        width:100px;
    }

    input.LargeI
    {
        width:160px;
    }
    
    input.ExtraLargeI
    {
        width:350px;
    }
    
    input.SmallD
    {
        width:30px;
    }
    
    input.SmallMediumD
    {
        width:85px;
    }

    input.MediumD
    {
        width:100px;
    }

    input.LargeD
    {
        width:160px;
    }
    
    input.ExtraLargeD
    {
        width:350px;
    }
    
    select.SmallMediumS
    {
        width:85px;
    }

    select.MediumS
    {
        width:100px;
    }

    select.LargeS
    {
        width:160px;
    }   
    
    select {
        width:160px;
    }
}