button/*
/*

main.css

Author:  Gary Benner
Date: 3 October 2011

border-bottom-color:#603D1F;
border-top-color:#2A5BDF;
*/

body {
    margin:0 20px;
    padding:0;
    font-family:arial,helvetica,sans-serif;
    font-size:11pt;
    
}

p {
    padding:10px 2px;
}

td,th {

    
}

#top {
    width:100%;
    height:0px;    
 
    background-position:center;
}


#container{
    width:100%;
 
 
    margin:0 auto;
}

#centertable {

    width:100%;
	height:1400px;
}

#navigation {
    width:100%;
    height:70px;    
    background-color:#eee;
}



#left {
    float:left;
    width:195px;
    height:600px;    
    background-color:#ddd;
    border:solid 1px maroon;
    padding:0 0 0 5px;
}

#center {
    width:100%;
    min-width:400px;
    min-height:200px;   	
/*    min-height:800px;   
	height:824px;	
*/
}

#footer{
    width:400px;
    min-width:994px;
    border:solid 1px #f0f0f0;
    background-color:#ffffff;
    margin:0px auto;
    font-size:8pt;
    color:#666;
}

#footer a:link {
    color:white;
}

#footer a:visited {
    color:white;
}

#footer a:hover {
    color:cyan;
}


#login {
    margin:5px auto;
    border:solid 2px #ccc;
    padding:20px;
 -moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* future proofing */   
    
}

#manage {
    font-family:arial,helvetica,sans-serif;
    font-size:11pt;
	font-weight:normal;
}


.pageheader {
background-color:#fff;
padding:10px;
border-bottom:solid 4px #2A5BDF;

}



/* Text */


h1 {
font-family: 'Titillium Web', sans-serif;
  text-align:left;
/*  color:#457998; */
  color:#000000;
    
}

h2 {
font-family: 'Titillium Web', sans-serif;
  text-align:left;
/*  color:#946A4C; */
  color:#000000;
  font-size:1.4em;
  
}

h3 {
font-family: 'Titillium Web', sans-serif;
  font-size:1.2em;
}

h4 {
font-family: 'Titillium Web', sans-serif;  
}


.center {
    text-align:center;
}

.bold {
    font-weight:bold;
}

.normal {
    font-weight:normal;
}

.italic {
    font-style:italic;
}


.small {
    font-size:0.85em;
}

.smaller {
    font-size:0.7em;
}


.highlight {
    color:red;
    font-size:1.5em;
    font-weight:bold;
    
}

.larger {
    font-size:1.15em;
}

.large {
    font-size:2.0em;
}

.dim {
    color:#aaa;
}

.dimmer {
    color:#ccc;
}



/**/
/**/
/**/
/**/


/* Custom items*/

#table-1 {

 


}

#table-1a tr {
height: 80px;
}

#table-1  tr  img{
height: 72px;
}

#tr3 {

height: 150px;

}

.tDnD_whileDrag {

background-color:red;

}

.tableheader {
  border-collapse:	collapse;
  border:1px solid #dddddd;
}

.tableheader th{
background-color:#f0f0f0;
}

.tableheader tr {
  border:	1px solid #e0e0e0;
  padding:			0px;
  margin:			0px;
}

.smallTable td {
	font-size:0.8em;
	padding:0px 5px;
}

.smallTable th {
	font-size:0.8em;
}



.description {
margin:2px;
border: solid 2px navy;

}


.smallButton {
  height:18px;
  font-size:8pt;
}

.medButton {
  height:24px;
  font-size:11pt;
}

.largeButton {
  height:30px;
  font-size:13pt;
}

.btn-normal {
background-color:#fff;
}

.btn-menu {
background-color:#2A5BDF;
margin-bottom:15px;
color:white;
width:100px;
font-weight:normal;
}



a:hover  {
	color:black;
	text-decoration:underline;
}


.dropdown-menu li {
  font-size:11pt;
  color:black;
  text-align:left;

}

.smallView {
    font-size:8pt;
}
.medView {
    font-size:10pt;
}
.largeView {
    font-size:12pt;
}

.tinyView {
    font-size:10pt;
	color:white;
	background-color:green;
}


.controlView {
    
    font-size:24pt;
    
}

.eventcell td {
 border-bottom:solid 0px #ddd;
}

.eventcell tr {
}

#the_time {
 position:relative;
 top:-50px;    
 width: 150px;
 border:none;
 background-color:black;
 color:white;
 font-size: 24pt;
 font-weight:bold;
    
    
}

.tDnD_whileDrag  {
    background-color:red !important;
    
}

#dummy {
    font-size:7pt;
    
}


#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:240px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
} 


#popupComment{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:240px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupComment h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupCommentClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
} 

.butt {
border:outset 2px gray;
padding:1px 3px;
position:relative;
top:6px;
background-color:teal;
color:white;
font-weight:bold;
text-decoration:none;
font-size:9pt;

}


input[type="text"] ,input[type="password"]{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
padding:3px;
background-color:#f8f8f8;
border:solid 2px #ccc;
}

input[type="submit"], button {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
padding:3px;
background-color:#dddddd;
border:solid 2px #777;
font-weight:bold;
}

button {
border-bottom-color:#603D1F;
border-top-color:#2A5BDF;
}

button:hover,input[type="submit"]:hover {
background-color:#eeeeee;
}

.ahighlight:hover {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

.anchorButton{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
display:block;
width:250px;
padding:3px;
background-color:#ccc;
border:solid 2px #777;
font-weight:bold;
text-decoration:none;
margin:10px 0px;
border-bottom-color:#603D1F;
border-top-color:#2A5BDF;
}

.anchorButton:hover{
 background-color:yellow;
}

.eventMenuTable {
	width:994px;
	border-collapse:collapse;
	border:solid 2px #aaa;
	margin: 30px 0 0 0;
}

.eventMenuTable th{
	font-weight:bold;
	color:white;
	background-color:black;
}
.eventMenuTable td{
	border:solid 1px #f0f0f0;  
	height: 40px;
	padding:2px;
	text-align:left;
}


.smallTableText,
.smallTableText button,

.smallTableText td,
.smallTableText th {
font-size:8pt;
}

#hr_1 {
	margin:0 50px;
	background-color:navy;
	height:5px;
}

.airmanH1 {
color:#2A5BDF;
}

.airmanH2 {
color:#603D1F;
}

 
.dmt {
border:solid 1px black;
background-color:#603D1F;
color:white;
text-align:left;
}

.mt {
border:solid 0px black;
background-color:#603D1F;
text-align:left;
color:white;
}

.mt th {
text-align:left;
}
.mt td {
text-align:left;
}

 

/* Mini layout previews
-------------------------------------------------- */
.mini-layout {
  border: 0px solid #ddd;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.mini-layout {
  min-height: 370px;

}
.mini-layout .mini-layout-body,
.mini-layout.fluid .mini-layout-sidebar {
  min-height: 10px;
}
.mini-layout {
  margin-bottom: 20px;
  padding: 9px;
}
.mini-layout div {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.mini-layout .mini-layout-body {
  background-color: #ffffff;
  margin: 0 auto;
  width: 70%;
  min-height: 10px;  
}
.mini-layout.fluid .mini-layout-sidebar,
.mini-layout.fluid .mini-layout-header,
.mini-layout.fluid .mini-layout-body {
  float: left;
}
.mini-layout.fluid .mini-layout-sidebar {
  background-color: #fff;
  width: 20%;
}
.mini-layout.fluid .mini-layout-body {
  width: 77.5%;
  margin-left: 2.5%;
  border:solid 2px #ffffff;
}

.flatmate,
.flatmate .flatmate-body,
.flatmate.fluid .flatmate-sidebar {
  height: 80px;
}

.flatmate{
  margin-bottom: 20px;
  padding: 9px;
}

.flatmate.fluid .flatmate-sidebar,
.flatmate.fluid .flatmate-header,
.flatmate.fluid .flatmate-body {
  float: left;
}

.flatmate.flatmate-body {
  background-color: #ffffff;
  margin: 0 auto;
  width: 70%;
}
.flatmate.flatmate-body {
  background-color: #ffffff;
  margin: 0 auto;
  width: 70%;
}

.flatmate.fluid .flatmate-sidebar {
  background-color: #ffffff;
  width: 20%;
}
.flatmate.fluid .flatmate-body {
  width: 77.5%;
  margin-left: 2.5%;
}

a:link, a:visited, a:hover {
	text-decoration:underline;
	color:black;
	background-color:white;
//	border-bottom:solid 1px black;
}
 
a.btn-menux {
	margin-bottom:5px;
	background-color:#e0e0e0;
	border:solid 3px;	
	width:120px;
	text-decoration:none;
}

a.btn-logout {
	background-color:#EC971F;
	text-decoration:none;
	color:white;	
}

a.btn-logout:hover {
	background-color:red;
	color:white;
	text-decoration:none;
}