/* 
    Created on : Sep 30, 2015, 8:03:26 PM
    Author     : Ace Pedrido
*/
body{
    font-family: arial, sans-serif !important;
}
.loginLogo{
    width:100%;
    padding:20px 0;
    text-align: center;
    background-color: #333;
}
.topbar{
    width:100%;
    padding:10px 0;
    background-color: #000;
    margin:0 0 10px 0;
    color:#fff;
}
.topbar h3{
    margin:0;
    color:#6EB72A;
    font-family: 'Oswald', sans-serif;
}
.wrapLogin{
    width:100%;
    max-width:480px;
    margin:5% auto;
}
.topBarGreen{
    width:100%;
    background-color: #6EB72A;
    color:#fff;
}
.topBarGreen ul{
    list-style-type: none;
}
.topBarGreen ul li{
    display: inline-block;
    margin:0 -2px;
}
.topBarGreen ul li a{
    display: block;
    text-align: center;
    padding:10px 15px;
    color:#fff;
    text-decoration: none;
    border-right:1px solid #B7E57E;
}
.topBarGreen ul li a:hover{
    background-color: #468847;
}
.topBarGreen ul li a span{
    font-size: .8em;
}
.modalHeadGreen{
    background-color: #6EB72A;
    color:#fff;
    padding:5px;
}
.margtop{
    margin:5px 0 0;
}
.margTopBot{
    margin:5px 0 5px;
}
.noMargin{
    margin:0 !important;
}
.noPadding{
    padding:0 !important;
}
.blackBar{
    background-color: #222;
    color:#fff;
}
select.shortWidth{
    width:70px;
}
select.inlineBlock{
    display: inline-block;
}
select.Blueopt option{
    color:#0071DB;
}
.smallFonts{
    font-size: .8em !important;
}
.margSet5{
    margin:5px !important;
}
.padSet5{
    padding:5px !important;
}

.status{
	/*display: none;*/
	padding: 8px 35px 8px 14px;
	margin: 20px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.redInput{
    border:1px solid red !important;
}

/*---PHOTO LOOP---*/
.photoBox{
    background-color: #eee;
    padding:5px;
    margin:2px;
    height:220px;
}
.photoBox img{
	width:80% !important;
	margin:0 auto !important;
}

.imageOverflow{
    width:100%;
    height:170px;
    margin: 0 auto 5px auto;
    background: #fff;
    overflow:hidden;
    text-align: center;
    position: relative;
}
.imgFloat{
    display: inline-block;
    vertical-align: middle;
}

/*-----BANNER----*/
.bannerBox{
    width:100%;
    height:220px;
    margin: 0 auto;
    background: #fff;
    overflow:hidden; 
    text-align: center;
    position: relative;
}
.bannerBox img{
    display: block;
    vertical-align: middle;
    width:100% !important;
    top:-25%;
    position: relative;
}
.breakLine{
    width:100%;
    height:20px;
}
.bannerTextLeft{
    font-family:Verdana,Geneva,Tahoma,sans-serif;
    color:#000;
    text-shadow: rgb(240, 240, 240) -1px 0px 4px,-1px 1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff;
    position: absolute; 
    width: 500px; 
    height: 120px; 
    top: 10px; 
    left: 5px; 
    padding: 5px;
    text-align: left; 
    line-height: 24px; 
}
.bannerTextLeft h2{
    font-size:1.8em;
}
.bannerTextLeft p{
    font-size:1.1em;
}

.bannerTextRight{
    font-family:Verdana,Geneva,Tahoma,sans-serif;
    color:#000;
    text-shadow: rgb(240, 240, 240) -1px 0px 4px,-1px 1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff;
    position: absolute; 
    width: 500px; 
    height: 120px; 
    top: 10px; 
    right: 5px; 
    padding: 5px;
    text-align: right; 
    line-height: 24px; 
}
.bannerTextRight h2{
    font-size:1.8em;
}
.bannerTextRight p{
    font-size:1.1em;
}

a.linkBtn{
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    border:2px solid #000 !important;
    padding:10px 25px !important;
    color:#fff !important;
    background: #39B314 !important;
    font-size: 1.1em !important;
    font-family: arial, sans-serif !important;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    margin:5px 5px 10px;
    text-shadow:none;
}
a.linkBtn:hover{
    background-color:#3e8f3e !important;
    color:#fff !important;
    border:2px solid #fff !important;
}