/*
	default.css
	www.KeepTheMinutes.com/css/default.css
*/

/* --- Generic program style definitions ------------------------------- */

html {
        height:            100%;
        margin:            0;
        padding:           0;
}

body {
        background-color:  #cccccc;
 	color:             #000000; // #1f678c;
	font-family:       Arial, "Times New Roman", Verdana, "Trebuchet MS", Trebuchet, Tahoma, "Book Antiqua";
	font-size:         11.5pt;
        height:            100%;
	margin:            10px auto;
	padding:           0px;
	text-align:        left;
	width:             1000px;
}

body.mceContentBody {
        color:            #000000;
        background:       #ffffff;
	width: 450px;
}

body.mceContentBody a {
        color:            blue;
        background:       #ffffff;
	width: 450px;
}

ul {
}

a {
	text-decoration: none;
}

a:hover {
	text-color:      blue;
	border-bottom:   none;
}

a img {
	border: none;
}

/* --- Used to specify attributes of "found" search text --------------- */

.hilite {
        color:           maroon; // #330066;
        font-size:       115%;
        font-weight:     bold;
        letter-spacing: -1.20px;
}

/* --- Used to define the look and feel of the "Add New..." button ----- */

.addrecordbutton {
//        display:       inline;
//	  text-align:    center;
//        border:        none;
}

.addrecordbutton a {
        text-align:    center;
	//background:    url(/css/images/addrecordbutton.png) no-repeat;
        background-position: middle center;
        color:         blue;
        font-weight:   bold;
//	height:        32px;
        padding:       5px 0 0 0;
//      width:         220px;
}

.addrecordbutton a:hover {
        //background:    url(/css/images/addrecordbutton.png) no-repeat;
}

/* --- Used to control the layout of the login screen ------------------ */

.loginLayout
    {
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1;
        margin: 20px 0 20px 250px;
        padding: 10px;
        width: 500px;
    }

.loginLayout title
    {
        background-color: #cccccc;
        font-size: 125%;
        font-weight:  bold;
        margin:  0 0 15px 12px;
        padding: 2px;
        display: block;
        width: 476px;
        text-align: center;
    }

.loginLayout label, .loginLayout input
    {
        display: block;
        float: left;
        margin-bottom: 6px;
    }

.loginLayout input[type=text]
    {   
        width: 290px;
    }

.loginLayout label
    {
        text-align: right;
        padding-right: 20px;
        width: 170px;
    }
 
    br
    {
        clear: left;
    }

.loginLayout submitRow
   {
        clear: both;
        width: 376px;
   }

.loginLayout input[type=submit]
   {    
        display: block;
        float: right;
        margin:  0 10px 10px 10px;
        padding: 1px 1px 1px 1px; 
        background:#ccc; 
        border:0 none;
        cursor:pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 100px;
   }

/* --- Used to lay out an input form ----------------------------------- */

.formLayout
    {
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1;
        margin: 20px 0 20px 100px;
        padding: 10px;
        width: 800px;
    }

.formLayout title
    {
        background-color: #cccccc;
        font-size: 125%;
        font-weight:  bold;
        margin:  0 0 15px 12px;
        padding: 2px;
        display: block;
        width: 776px;
        text-align: center;
    }

.formLayout label, .formLayout input
    {
        display: block;
        float: left;
        margin-bottom: 6px;
    }

.formLayout input[type=text]
    {   
        width: 420px;
    }

.formLayout textarea
    {
        width:  600px;
        height: 450px;
        text-align: left;
        vertical-align: top;
    }

.formLayout label
    {
        text-align: right;
        padding-right: 20px;
        width: 160px;
    }
 
    br
    {
        clear: left;
    }

.formLayout submitRow
   {
        clear: both;
        width: 776px;
   }

.formLayout input[type=submit]
   {    
        display: block;
        float: right;
        margin:  0 10px 10px 10px;
        padding: 1px 1px 1px 1px; 
        background:#ccc; 
        border:0 none;
        cursor:pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 100px;
   }

/* --- Used to control the placement and action of the menu ------------ */

#menublock {
	background-image:    url(/css/images/scroll.png);
        background-color:    #ffffff;
        background-position: bottom center;
        background-repeat:   no-repeat;
        border:              1px solid #bb6c00;
        height:              150px;
        padding:             0 0 20px 0px;
        margin:              0 0 0px 0px;
}

#LoggedIn  {
        display:             inline;
        float:               right;
        font-size:           70%;
        font-weight:         bold;
        color:               #bd7000;
        margin:              5px 10px 0 0;
}

/* --- Used to define the look and feel of the menu buttons ------------ */

#menu1 {
        margin:          0px 0 0 0px;
}

#menu1 ul {
	float:           left;
        padding-right:   5px;
	list-style:      none;
}

#menu1 li {
	display:         inline;
}

#menu1 a {
        background-color: #bd7000;  // #870000;
	border-top:       2px solid #ffffff;
	border-right:     2px solid #333333;
	border-bottom:    2px solid #333333;
	border-left:      2px solid #ffffff;
        color:            #ffffff;
	display:          block;
	float:            left;
	font-weight:      bold;
	margin:           0 4px 10px 2px;
        padding:          3px 4px 4px 4px;
	text-decoration:  none;
}

#menu1 a:hover {
	color:            #f15309;
        background-color: #253032; // #1a3a62;
}

#menu1 a:visited {
	color:           #eeeeee;
}

#menu1 a:active {
        color:           #eeeeee;
}

#menu1 .current_page_item a {
	color:           #eeeeee;
}

/* --- Used for system messages -- login failed, etc. ----------------- */

#msgbox   {
        clear:            both;
        border:           1px solid;
        margin:           20px 0 0 300px;
        padding:          10px;
        width:            400px;
        border:           1px solid #000000;
        color:            green;
        background-color: #ffffff;
}

/* --- Used to contain main content -- below the header and menu -------- */

#page {
        color:             #000000;
        background-color:  #ffffff;
        width:             1000px;
        overflow:          auto;
}

/* --- Used for footer text at the bottom of each screen ---------------- */

#footer {
        width:            1000px;
        text-align:       center;
        font-size:        0.8em;
        color:            #ffffff;
        background-color: #bd7000;
        padding:          2px;
}


/* --- Used for browse tables ------------------------------------------- */

#users
   {
     font-family: "Courier New", "Trebuchet MS", Arial, Helvetica, sans-serif;
     width:100%;
     border-collapse:collapse;
   }

#users td, #users th 
   {
     font-size:  1.0em;
     border:     1px solid #bb6c00;
     padding:    3px 7px 2px 7px;
     max-width:  700px;
   }

#users th 
   {
     font-size:1.0em;
     text-align:left;
     padding-top:5px;
     padding-bottom:4px;
     background-color:#bb6c00;
     color:#fff;
   }

#users tr.alt td 
   {
     color:#000;
     background-color: #ffffcc;
   }

#users td.Recap
   { 
     font-family:  "Courier New", ti92pluspc, Crystal, Monaco, "Bitstream Vera Sans Mono", Tahoma, "Book Antiqua";
	 width:        60%;
   }

#users td.Open
   {
     color: green;
     font-weight: bold;
   }

#users td.ClickToOpen
   { 
     color: blue;
   }

/* --- Used for the three <div> panels on the home page ------------------- */

.HomeBlock
   {
     border:  1px solid;
     float:   left;
     padding: 8px;
     margin:  5px 0px 5px 4px;
     width:   310px;
     height:  400px;
   }


/* --- Used for pop-up window to view a recap ---------------------------- */

#view { 
   background-color: #ffffcc;
   border:       1px solid; 
   float:        left;
   font-size:    9.0pt;
   margin:       10px 0 0 10px; 
   padding:      5px; 
   width:        800px;
   word-wrap:    normal;
 } 

#view body {
   width:            700px;
}

.headbar {
   border-bottom:    1px solid;
   font-size:        12pt;
   width:            100%;
   height:           30px;
   text-align:       center;
   vertical-align:   center;
} 

.titlebar {
   font-size:        18pt;
   font-weight:      bold;
   margin:           0 0 0 0;
   padding;          0 0 0 0;
   width:            100%;
   text-align:       center;
   vertical-align:   center;
} 

.datetimebar {
   font-size:        13pt;
   font-weight:      bold;
   margin:           0 0 20px 0;
   padding;          0 0 0 0;
   width:            100%;
   text-align:       center;
   vertical-align:   center;
} 

.recapbar {
   font-family: "Courier New", ti92pluspc, Crystal, Monaco;
   font-weight: bold;
   margin:      10px 0 0 0;
   text-align:  left;
   word-wrap:   normal; 
} 


/* --------------------------------------------------------------------- */