﻿/* DEFAULTS
----------------------------------------------------------*/

html, body   
{
    background: #fff;
    font-size: 10pt;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    height:100%;
    color: #696969;
}

a:link, a:visited
{
    color: #66CCFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: 700;
    text-decoration:none;
}

a:hover
{
    color: Red;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
.header
{
    position:relative;
	width:100%;
	height:61px;
	background-color:#4b6c9e;
	background-image:url('~/dock-bg2.gif');
	top: 0px;
    left: 0px;
}

.header2
{
	position:relative;
	width:100%;
	height:61px;
	clear:both;
	background-color:#4b6c9e;
	background-image:url(<%= Page.ResolveUrl("~/images/dock-bg2.gif") %>);
	z-index:1;
    top: 0px;
    left: 0px;
}

/*------------DOCK MENU---------------------------*/

.dock {
	position: absolute; 
	height: 50px; 
	text-align: center;
	margin-bottom:0px;
	padding-bottom:0px;
	z-index:1;
	color:Gray;
	background-color:#DDD;
}


.dock-container {
	position: relative;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
	margin-bottom:0px;
	padding-bottom:0px;
	z-index:1;
	color:Gray;
}
a.dock-item {
	display: block;
	width: 40px;
	color: Gray;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;
	z-index:1;
	margin-bottom:0px;
	padding-bottom:0px;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
	z-index:1;
}
.dock-item span {
	display: none; 
	padding-left: 20px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color:Gray;
	z-index:1;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: fixed;
	left: 0px;
	margin-bottom:0px;
	z-index:1;
	color:Gray;
}


.dock-container2 {
	position: absolute;
	height: 30px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
	z-index:1;
	color:Gray;
    bottom: 0px;
}

a.dock-item2 {
	display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	width: 60px; 
	color: Gray; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
	z-index:1;
	color:Gray;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
	color:Gray;
	
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

.maincontent
{
    width:100%;
    height:100%;
    position:absolute;
    padding: 0px 0px;
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
}

.wel
{
    width:100%;
    height:100%;
    position:fixed;
    background-color:#FFD300;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    clear:both;
    z-index:-1;
    
}

.register

{
    width:680px;
    margin-left:auto;
    margin-right:auto;
    margin-top:2%;
    background-color:#fffbe9;
    border:thin solid #ffd237;    
}

.txtfields
{
    border:thin solid gray;    
}

.updateinfo

{
    width:460px;
    margin-left:auto;
    margin-right:auto;
    margin-top:2%;
    background-color:#fffbe9;
    border:thin solid #ffd237;    
}

.updateheader
{
    background-color:#ffd237;
}

.admins
{
    margin-left:auto;
    margin-right:auto;
    border: thin solid #ffd237;
    background-color:#fffbe9;
    margin-top:2%;
    width:700px;
}

.grids
{
    margin-left:auto;
    margin-right:auto;
    border: thin solid #ffd237;
    background-color:#fffbe9;
    margin-top:2%;
    overflow:scroll;
    width:700px;

}


.forms
{
    margin-left:auto;
    margin-right:auto;
    border: thin solid #ffd237;
    width:702px;
    margin-top:1%;
}

.content {
    position:relative;
    min-height: 100%;
    width:600px; /* Sizing - any length */
    padding:60px 0 30px 0; /* Header height and footer height */
    margin:0 auto 0 auto; /* Center content */
}

.main
{
    margin-left: auto;
    margin-right:auto;
    margin-top:auto;
    position:absolute;
    width:100%;
    min-width:50px;
    /*overflow-y:scroll;*/
    /*display:inline-block;*/
    /*height:70%;*/
    /*padding:0px 0 30px 0;*/
    
}

#scrollable2 
{
    position:relative;
    margin-top:5%;
    height:60%;
    background:white;
    min-width: 700px;
    margin-left: 100px;
    margin-right: 100px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -box-sizing:border-box;
}

.txtarea
{  
    overflow:hidden;
    resize:none;
    border:thin solid gray; 
    font-family:Arial;
    font-size:10pt;
    color:Gray;
}

.sms
{
    border: thin solid #507CD1;
    background-color:#EFF3FB;
    width:500px;
    margin-left:auto;
    margin-right:auto;    
}

.regfieldset

{
    width:800px;
    margin-left:auto;
    margin-right:auto;
    margin-top:2%;  
}

.regfieldset1

{
    width:800px;
    margin-left:auto;
    margin-right:auto;
    margin-top:2%;  
}

.loginbar
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    width:100%;
    background-color:#F5FAC0;
    border: thin #CCC solid;
}

.altlink
{
    font-family:Arial;
    font-size:9pt;
    font-style:normal;
    text-decoration:underline;
    color:Blue;   
}

altlink:link, altlink:visited
{
    font-family:Arial;
    font-size:9pt;
    font-style:normal;
    text-decoration:underline;
    color:Blue;   
}

altlink:hover
{
    font-family:Arial;
    font-size:9pt;
    font-style:normal;
    text-decoration:underline;
    color:Red;
}

.gridview {
    width: 100%; 
    word-wrap:break-word;
    /*table-layout: fixed;*/
    font-size:10pt;
}

.nav
{
   width:100%;
   text-align:center;
   position:relative;
   margin-left:auto;
   margin-right:auto;
    top: 0px;
}

.logindisplay


.logindisplay
{
    width:41%;    
}

.forumdatalist
{
    width:90%;
}

.tablerow
{
    width:90%;    
}

.forumcomments
{
    width:90%;
    height:20px;
    margin-left:4%;
    background-color:Blue;    
}

.submit
{
    background-color: Olive;
    border: thin solid white;
    color:White;
}

.fs
{
    width:650px;
    height:450px;
    margin-left:auto;
    margin-right:auto;    
}

.filters
{
    /*position:fixed;*/
    width:100%;
    overflow:hidden;
    border-color:Gray;
}

.gvheaders
{
    font-size:10pt;    
}

