/* Assets Department - CSS Created by Clavel Macias - AE TEAM @ Seminole Tribe of Florida. */

/*Global Reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, meter, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0; 
	list-style: none;
    outline:0;
    font-size:100%;
	font-weight: normal;
    vertical-align:baseline;
    background:transparent;
    -webkit-appearance: none;
}

body {background: #EFE7DA url(../images/bg_main.jpg) no-repeat fixed; font:normal 13px "Segoe UI", Arial; color:#333;}
#top {margin:10px auto; width:1140px; height:104px;}
#topbg{margin:auto; width:1140px; height:11px;background: transparent url(../images/topbg.png) no-repeat }
.logo{ float:left}
.sitename{margin:35px 0 0 10px; float:left; font:italic 26px georgia; color:#F8DF00}
#topnav{margin:auto; width:1140px; height:117px;padding:0 0 15px 0 }
.titlesmall{ font:italic 16px georgia; color:#F8DF00}
.home a{font:italic 14px georgia; color:#fff; text-align:center; padding:5px 0 0 0; float:left;margin:70px 0 0 -290px; height:31px; width:79px;background: transparent url(../images/bg_home.png) no-repeat}
.home a:hover{color:#E4C146;text-decoration:none}

#doclibmenu{margin:0 0 0 20px}
#doclibmenu li a{ float:left; list-style:none;padding: 10px 0 0 8px; font:italic 14px georgia; color:#fff;}
#doclibmenu li a:hover{ color:#E4C146;text-decoration:none}
#doclib{text-align:center; margin:20px 0 0 0; padding:10px;float: right;height:70px; width:280px;background: transparent url(../images/bg_doclib.png) no-repeat}
.docliblist {clear:both; padding: 0 0 5px 50px;  }
.docliblist li {  list-style: circle ; line-height:24px;color:#0087DD }
.docliblist li a{  list-style:circle; line-height:24px;color:#0087DD;text-decoration:none }
.docliblist li a:hover{  list-style:circle; line-height:24px;color:#000; }
.split{margin:auto; border-bottom:solid 1px; width:1130px; color:#E1E1E1}
#topnavhistory{margin:auto; width:1140px; height:50px;padding:0 0 15px 0}
.toptitlehistory{ float:left; width:700px; font:italic 18px georgia; height:30px;padding: 0 0 0 25px}
.titlesmalldoc{ float:left; width:700px; font:italic 16px georgia; height:30px;padding: 20px 0 0 25px}
#canvas {margin:auto; width:1140px; background: transparent url(../images/bg_canvas.png) repeat;}
#content{margin:auto;width:1130px;padding: 0 0 10px 0}
.toptitle{ float:left;  font:italic 18px georgia; height:30px;padding: 50px 0 0 25px}
#colorcode{float:right;margin:8px 30px 2px 0;background-color:#EEEEEE;padding:5px; border: solid 1px #ddd}
.colorcodeStage1{padding:5px;font:normal 12px "Segoe UI", Arial; color:#444;background-color:#C8E4EE;}
.colorcodeStage2{padding:5px;font:normal 12px "Segoe UI", Arial; color:#444;background-color:#fff;}
.colorcodeStage3{padding:5px;font:normal 12px "Segoe UI", Arial; color:#444;background-color:#FFFF97;}
#footer{ clear:both; margin:auto;color:#705220;font-size:11px; width:1115px;padding:25px 0 0 25px;  height:76px; background: transparent url(../images/bg_footer.png) no-repeat}
#uploadfilebox{ padding:20px; overflow:auto; clear:both}
.browsebox{float:left; background-color:#eee}
.uploadbox{ float:left;margin:0 0 0 5px}
.btn{padding:8px;cursor:pointer}
.btn1{padding:6px;cursor:pointer}
/* Stage 1 = Blue*/
.Stage1 td{cursor:pointer; font:normal 11px "Segoe UI", Arial; color:#444;background-color: #C8E4EE; border-bottom: 1px solid #AAAAAA!important; vertical-align: middle!important;padding:5px }
.Stage2 td{cursor:pointer;font:normal 11px "Segoe UI", Arial; color:#444;background-color:#fff;border-bottom: 1px solid #AAAAAA!important; vertical-align: middle!important;padding:5px }
.Stage3 td{cursor:pointer;font:normal 11px "Segoe UI", Arial; color:#444;background-color:#FFFF97;border-bottom: 1px solid #AAAAAA!important; vertical-align: middle!important;padding:5px }


.error{ float:left; color:#B20000;margin:10px 0 0 20px!important}
.valid{ float:left; color:#00B200;margin:10px 0 0 20px!important}
#adminbtn{float:right;}

.rgEditForm input {padding:5px; width:220px} 
.RadGrid_Default{padding:0 0 5px 0}
.ruFileInput input{padding:0;width:20px}


.small
{
	clear:both;padding:1px 20px;margin:10px 0;background: transparent url(../images/alert.png) no-repeat; 
	font-size: 12px;
	color:#2D4FB3;
}


.validation{font-size:11px; color:#990000;margin-left:2px; padding:0 0 0 11px}
.titlecolors
{ padding:0 5px 5px 5px;font-weight:bold;font:italic 14px georgia;
}



/* LOGIN PAGE STYLES*/


.titlelogin{ font:italic 20px georgia; height:30px;padding: 20px 0 20px 3px}
.titlebox { font:italic 18px georgia;margin:0 0 10px 0 }
.clear{overflow:auto;padding: 10px 40px 0 40px}


/*.leftlogin{margin: 0 0 30px 0; background-color:#EDEDED; width:380px; float:left;padding:20px 0 30px 30px; border: 1px solid red;}*/

.leftlogin {
    margin: 0 0 30px 0;
    background-color: #EDEDED;
    width: 45%;
    padding: 20px 30px 30px 30px;
}

/*.rightlogin{margin: 0 0 30px 0; background-color:#EDEDED; width:380px; float:right; padding: 20px 0 30px 30px; border: 1px solid orange;}*/

.rightlogin {
    margin: 0 0 30px 0;
    background-color: #EDEDED;
    width: 45%;
    padding: 20px 30px 30px 30px;
}

.formbox{clear:both;  margin: 0 0 30px 0; background-color:#EDEDED; width:600px; padding:20px 30px 30px 30px}


.rightmenuoptions{clear:both; margin:15px 0 0 0}



.loginlist ul, .loginlist li{border:0;  list-style:none;}
.loginlist li{clear:both;list-style:none;padding:5px;}
.loginlist li input{padding:5px;}
.loginlist li span{width:80px;float: left;}

.btnlogin{background-color:#3F6FCF;color:#fff;border:none;padding:8px!important; cursor:pointer;margin-top:20px}
.loginval{color:#B20000; font-size:13px; line-height:40px}

.loginmenuoptions li a{float:left;margin:0 10px 0 0; font-size:12px}

.loginmenuoptions li a:hover{color:#000}


.formlist ul, .formlist li{border:0;  list-style:none;}
.formlist li {clear:both;list-style:none;padding:5px;}
.formlist li input{padding:5px;margin-left:10px}
.formlist li span{width:105px;float:left;}

.formlist li .validatorRight {float:none; Color:red; Width:60px; text-align:right }

.space{padding: 0 0 20px 40px; font-size:12px;}

.version{ clear:both; float:right;margin:0 50px 0 0; font: normal 11px  arial, verdana, serif;letter-spacing: 0px;color:#666;}

.username{ clear:both;margin:0 0px 0 200px; font: normal 11px  arial, verdana, serif;letter-spacing: 0px;color:#666;}

.button {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}

    .button1:hover {
        background-color: #008CBA;
        color: white;
    }