body, h1, h2, h3, h4, h5, h6	{
font-family: "Courier New", Courier, sans-serif;
}

/*.ui-content {
  background-size : 100% 100%;!important;
  height: calc(100% - 89px);!important;
}*/

.baner{
background: url('../images/rock008.jpg') repeat 0 0 ;
/*  width:100%;*/
padding: 25em;
margin-top: 20px !important;
}

.newbaner{
height: 300px !important;
margin-top: 20px !important;
}

.darkline	{
background-color: black;
border-color: black;	}

#corppg {
height: 100%;
background: url(../images/brickwallBig.png) repeat 0 0;
}

.img-responsive {
display: block;
max-width: 100%;
width: 100%;
height: auto;
}

#background1	{
padding: 0.8em;
color: auto;
font-weight: 500;
font-family: Roboto, sans-serif;
background-image: url(../images/backgd1.png);
background-size: cover;		/* 100% 100 */
}

#background2    {
padding: 0.8em;
background-color: #ADD8E6;
opacity: .7;
font-weight: 300;
/*font-family: Roboto, sans-serif;
background-image: url(../images/backgd1.png);
background-size: cover;*/
}

#background3    {
padding: 0.8em;
color: auto;
font-weight: 500;
font-family: "Courier New", Courier, sans-serif; 
background-image: url(../images/homepgpic.jpg);
background-size: auto;               /* 100% 100 */
background-repeat: no-repeat;
}

.boxarea	{
border: 2px solid #a1a1a1;
border-radius: 7px;
/*  border-top: 2px solid #a1a1a1; /*border-top-left: 2px solid #a1a1a1*/
/*  border-right: 2px solid #a1a1a1;
border-left: 2px solid #a1a1a1;
border-bottom: 0px;
border-radius: 7px;
border-top-left: 2em;
border-top-right: 2em;*/
} 


#greypg {
padding: 0em;
color: white;
font-family: "Courier New", Courier;
height: 100%;
background: url(../images/grey_wash.png) repeat 0 0;
}


#greenpg {
height: 100%;
background: url(../images/green.png) repeat 0 0;
}

#mtnpg {
height: 100%;
background: url(../images/mtn.jpg) repeat 0 0;
background-size: auto;               /* 100% 100 */
background-repeat: no-repeat;

}

#txtpg {
padding: 0.8em;
color: auto;
font-weight: 500;
font-family: Roboto, sans-serif;
height: 100%;
background: url(../images/texture.png) repeat 0 0;
}


#mappg {
height: 100%;
background: url(../images/map.png) repeat 0 0;
}

#content {
min-height:100%;
padding: 0;
position: absolute; !important; 
top : 40px !important;  
right : 0; 
bottom : 40px !important;  
left : 0 !important;     
}

#wrapper {
min-height:100%;
position:relative;
}

#footer {
position: absolute;
bottom: 0px;
left: 0px;	 
width:100%;
height: 15%;
color: #F5F5DC;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
    background-color: #1C1005;          /* #3E405F tourquoise blue    soap brown #1C1005     mat grey #696969*/
    padding:0.8em;
  /*  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
}
/*
a {
  color: #7FFFD4;                               /*#D1D5D8;-this is the bootstrap color for hover/active (off white)   #ADD8E6 
  text-decoration: none;
}

a:visited {
  color: #191970;                               /*#D1D5D8;-this is the bootstrap color for hover/active (off white)   #ADD8E6 
  text-decoration: none;
}

a:hover,
a:focus {
  color: #8B3626;               /* #2a6496 
  background-color: #696969;
  text-decoration: underline;
}

.menu{
  background-size: contain;
  background: linear-gradient(rgba(176,196,222,1.0),rgba(255,255,224,1.0));
  background: -webkit-linear-gradient(rgba(176,196,222,1.0),rgba(255,255,224,1.0));
  background: -o-linear-gradient(rgba(176,196,222,1.0),rgba(255,255,224,1.0));
  background: -moz-linear-gradient(rgba(176,196,222,1.0),rgba(255,255,224,1.0));
    padding: 20px;
    margin-top: ;
}

.nav-pills > li {
    float:none;
    display:inline-block;
}

.nav-pills {
    text-align:center;
}
*/
#clock {
font-family :inherit;
font-size: 95%;
font-weight: 500;
color: auto;
padding : 5px;
border : solid inherit 2px;
border-radius : 10px;
background: #919699;
/*  background-image: -webkit-linear-gradient(top, #919699, #cdebe9);
  background-image: -moz-linear-gradient(top, #919699, #cdebe9);
  background-image: -ms-linear-gradient(top, #919699, #cdebe9);
  background-image: -o-linear-gradient(top, #919699, #cdebe9);
  background-image: linear-gradient(to bottom, #919699, #cdebe9);*/
 }


#clockm {
font-family :inherit;
font-size: 60%;
font-weight: 500;
color: auto;
/*background :#808000;                                    #C1CDCD; url(../images/marb014.jpg) repeat 0 0;*/
padding : 5px;
border : solid inherit 2px;
border-radius : 0px;
background: #919699;
  background-image: -webkit-linear-gradient(top, #919699, #cdebe9);
  background-image: -moz-linear-gradient(top, #919699, #cdebe9);
  background-image: -ms-linear-gradient(top, #919699, #cdebe9);
  background-image: -o-linear-gradient(top, #919699, #cdebe9);
  background-image: linear-gradient(to bottom, #919699, #cdebe9);
 }

#clock2m {
font-family :inherit;
font-size: 90%;
font-weight: 300;
color: #ffffff;			
background :#fc3cf2;
#C1CDCD; url(../images/marb014.jpg) repeat 0 0;
padding : 5px;
border : solid inherit 2px;
border-radius : 5px;
background: #919699;
  background-image: -webkit-linear-gradient(top, #919699, #cdebe9);
  background-image: -moz-linear-gradient(top, #919699, #cdebe9);
  background-image: -ms-linear-gradient(top, #919699, #cdebe9);
  background-image: -o-linear-gradient(top, #919699, #cdebe9);
  background-image: linear-gradient(to bottom, #919699, #cdebe9);
 }


.flag	{
    height: 150px !important;
    background-image: url('../img/redlion.png') ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*h1,h2,h3,h4,h5,h6   {
  font-family: "Courier New", Courier, monospace;
  font-weight: 400;
  line-height: 1.1;
  color: #FFF8DC;                    
}
*/

html {
    height: 100%;
}
body {
  height: 100%;
  margin: 0;
  font-family: "Courier New", Courier, monospace;
  /*font-size: 14px;
  line-height: 1.428571429;*/
  color: #333333;
}

#colpg {
  padding: 0.0em;
  color: auto;
  height: 100%;
  background: -webkit-linear-gradient(rgba(176,196,222,1.0),rgba(255,255,224,1.0));
  background: -o-linear-gradient(rgba(176,196,222,1.0),rgba(255,255,224,1.0));
  background: -moz-linear-gradient(rgba(176,196,222,1.0),rgba(255,255,224,1.0));
}

.btn-w3r:visited,
.btn-w3r {
  color: white;
  background: #cb60b3; /* Old browsers  */
    background: -moz-linear-gradient(top,  #cb60b3 0%, #ad1283 50%, #de47ac 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#ad1283), color-stop(100%,#de47ac)); /*   Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-9 */
        /*- See more at: http://www.w3resource.com/twitter-bootstrap/button-tutorial.php#sthash.fcAsIaKf.dpuf*/
  border: 1px ;
        border-color: #cccccc;
/*  -moz-border-radius: 45%;
    -webkit-border-radius: 45%;
    border-radius: 45%;*/
}

.btn-w3r:hover,
.btn-w3r:focus,
.btn-w3r:active,
.btn-w3r.active,
.open .dropdown-toggle.btn-w3r {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-w3r:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-w3r.disabled,
.btn-w3r[disabled],
fieldset[disabled] .btn-w3r,
.btn-w3r.disabled:hover,
.btn-w3r[disabled]:hover,
fieldset[disabled] .btn-w3r:hover,
.btn-w3r.disabled:focus,
.btn-w3r[disabled]:focus,
fieldset[disabled] .btn-w3r:focus,
.btn-w3r.disabled:active,
.btn-w3r[disabled]:active,
fieldset[disabled] .btn-w3r:active,
.btn-w3r.disabled.active,
.btn-w3r[disabled].active,
fieldset[disabled] .btn-w3r.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-w3r.badge {
  color: #ffffff;
  background-color: #fff;
}


.btn-tim2 {
  background: #919699;
  background-image: -webkit-linear-gradient(top, #919699, #cdebe9);
  background-image: -moz-linear-gradient(top, #919699, #cdebe9);
  background-image: -ms-linear-gradient(top, #919699, #cdebe9);
  background-image: -o-linear-gradient(top, #919699, #cdebe9);
  background-image: linear-gradient(to bottom, #919699, #cdebe9);
  font-family :inherit;
  font-size: 120%;
  font-weight: 100;
  /*color: #800000;
  padding: 10px 20px;
  border: solid;*/
  border-color: #292914;                                     
  text-decoration: none;
  width: 100%;
  border-radius : 5px;
}

.btn-custom:hover,
.btn-tim2:hover {
  background: #fc3cf2;
  background-image: -webkit-linear-gradient(top, #fc3cf2, #7e34d9);
  background-image: -moz-linear-gradient(top, #fc3cf2, #7e34d9);
  background-image: -ms-linear-gradient(top, #fc3cf2, #7e34d9);
  background-image: -o-linear-gradient(top, #fc3cf2, #7e34d9);
  background-image: linear-gradient(to bottom, #fc3cf2, #7e34d9);
  text-decoration: none;
  color: #FFF
}

.btn-tim {
  color: white;
  border: solid #1f628d 2px;
  background-color: #FFF8DC;
  -moz-border-radius: 28px;
    -webkit-border-radius: 28;
    border-radius: 28;
}

.btn-tim:hover,
.btn-tim:focus,
.btn-tim:active,
.btn-tim.active,
.open .dropdown-toggle.btn-tim {
  color: #333333;
  background-color: #00CED1;
  border-color: #adadad;
}

.btn-custom {
   background-color: hsl(145, 45%, 68%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2eede", endColorstr="#88d2a7"); background-image: -khtml-gradient(linear, left top, left bottom, from(#d2eede), to(#88d2a7)); background-image: -moz-linear-gradient(top, #d2eede, #88d2a7); background-image: -ms-linear-gradient(top, #d2eede, #88d2a7); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2eede), color-stop(100%, #88d2a7)); background-image: -webkit-linear-gradient(top, #d2eede, #88d2a7); background-image: -o-linear-gradient(top, #d2eede, #88d2a7); background-image: linear-gradient(#d2eede, #88d2a7); border-color: #88d2a7 #88d2a7 hsl(145, 45%, 63%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
  font-family: Courier New;
/*  color: #8B3626;*/
  padding: 10px 20px 10px 20px;
width: 90%;
}


.myfont  {
  font-weight: 500;
  font-family: inherit ;
  font-size: 75%;
  line-height: inherit;
  color: #8a6d3b;
}

.myfont2  {
  font-weight: 500;
  font-family: inherit ;
  font-size: 105%;
  line-height: inherit;
  color: #FFFFFF;		/*FFF8DC*/
}

.myfont3  {
  font-weight: 500;
  font-family: inherit ;
  font-size: 125%;
  line-height: inherit;
  color: #FF0000;		/*purple as buttons: #fc3cf2 */
}

.myfont4  {
  font-weight: 500;
  font-family: inherit ;
  font-size: 85%;
  line-height: inherit;
}

.myfont5  {
  font-weight: 500;
  font-family: inherit ;
  font-size: 75%;
  line-height: inherit;
  color: fc3cf2;               /*purple as buttons: #fc3cf2 #FFFFFF*/
}

#dialogoverlay{
        display: none;
        opacity: .8;
        position: fixed;
        top: 0px;
        left: 0px;
        background: #FFF;
        width: 100%;
        z-index: 5; }

#dialogbox{
        display: none;
        position: fixed;
        background: #000;
        border-radius:7px;
        width:auto;
        overflow:auto;
        z-index: 10; }

#dialogbox > div{
        background:#FFF;
        margin:8px; }

#dialogbox > div > #dialogboxhead{
        background: #666;
        font-size: inherit;
        padding:10px;
        color:#CCC; }

#dialogbox > div > #dialogboxbody{
        background:#333;
        font-size: smaller;
        padding:20px;
        color:#FFF; }

#dialogbox > div > #dialogboxfoot{
        background: #666;
        font-size: inherit;
        padding:10px;
        text-align:right; }

/* layout.css Style */
.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  .navbar {
    border-top-left-radius:4px;
    border-top-right-radius:4px;
  }
}

.navbarsup	{
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

/* COMPACT CAPTCHA YELLOW */

.capbox {
        background: #e3f2fd;                   /*07779C    #F7971E;*/
        background: linear-gradient(to right, #07779C, #e3f2fd);  /*#FFD200*/
        border: #42555C 0px solid;	/*#D36700*/
        border-width: 2px 2px 2px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: inline-block;
        padding: 5px 8px 5px 8px;
        border-radius: 4px 4px 4px 4px;
        }

.capbox-inner {
        font-family: "Courier New", Courier, sans-serif;
        color: #000000;
        background:rgba(255,255,255,0.30); /* SEMI TRANSPARENT BACKGROUND */
        margin: 0px auto 0px auto;
        padding: 3px 10px 5px 10px;
        border-radius: 4px;
        display: inline-block;
        vertical-align: middle;
        }

#CaptchaDiv {
        color: #000000;
        font-family:"Courier New", Courier, sans-serif;
        font-style: italic;
        text-align: center;
        vertical-align: middle;
        background-color: #FFFFFF;
        user-select: none;
        display: inline-block;
        padding: 3px 14px 3px 8px;
        margin-right: 4px;
        border-radius: 4px;
        }


#ItemsChosen {
	background-color: #63D3F8;
	padding: 0px 0px 0px 0px;
	background: linear-gradient(to right, #07779C, #63D3F8);
	margin-right: 4px;
        border-radius: 0px;
}


.selectQty  {
	text-align:center;}

@media (max-width:395px){
	.largeView {
		display: none;
	}

	.smView {
		display: block;
	}	}

@media (min-width:396px){
	.largeView {
                display: block;
        } 

        .smView {
                display: none;
        }       }