/*	default.css 	www.LogbookLocker.com/css/default.css */

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

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

body {
        background-color:  #cccccc;
 	color:             #000000; 
	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:             800px;
}

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

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

a {
	text-decoration: none;
}

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

a img {
	border: none;
}

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

.addrecord {
        text-align:    left;
        color:         white;
        background:    maroon;
        font-weight:   bold;
        padding:       2px 2px 2px 4px;
}

.addrecord a {
        color:         white;
}

.recordcount {
        clear:       both;
	    color:       white;
        padding:     4px 2px 2px 4px;
		margin:      6px 0 0 0;
        background:  gray;
        font-weight: bold;
}

 label.userEditButton  {
	 width:           30px;
	 Padding-right:   5px;
	 margin-right:    5px;
}


.buttonGreen {
    background-color: #4CAF50; 
    border: none;
    color: white;
    padding: 2px 4px 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0px 10px 0px 0;
    cursor: pointer;
    height: 14px;
    line-height: 0px;
    font-size: 10px;
    font-weight: bold;
}

.buttonGray {
    background-color: #e7e7e7;
    border: none;
    color: black;
    padding: 2px 4px 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0px 10px 0px 0;
    cursor: pointer;
    height: 14px;
    line-height: 0px;
    font-size: 10px;
    font-weight: bold;
}

.buttonRed {
    background-color: #f44336;
    border: none;
    color: white;
    padding: 2px 4px 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0px 10px 0px 0;
    cursor: pointer;
    height: 14px;
    line-height: 0px;
    font-size: 10px;
    font-weight: bold;
}

.buttonBlue {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 2px 4px 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0px 10px 0px 0;
    cursor: pointer;
    height: 14px;
    line-height: 0px;
    font-size: 10px;
    font-weight: bold;
}

.loginLayout
    {
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1;
        margin: 20px 0 20px 150px;
        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 ----------------------------------- */

.edMaster textarea
    {
        width: 100%;
        height: 500px;
        padding: 10px;
        text-align: left;
        vertical-align: top;
        overflow-x: scroll;
}


.formLayout
    {
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1;
}

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

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

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

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

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


.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;
}

.formLayout input[type=radio] 
  {
    display: inline-block;
    background-color: #e7e7e7;
  }

.formLayout input[type=radio]:checked 
  { 
    background-color:#d0d0d0;
  }

.userEdit
    {
    background-color: #f3f3f3;
    border: solid 1px #a1a1a1;
}

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

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

.userEdit input[type=text]
    {   
        width: 400px;
}

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

.userEdit label
    {
        text-align: right;
        padding-right: 20px;
        width: 160px;
}
 
.userEdit submitRow
   {
        clear: both;
}

.userEdit 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;
}

.userEdit  input[type="radio"] {
    display:inline-block;
}

.userEdit input[type="radio"]:checked + label span {
}

.inviteAssembly {
   border: 1px solid;
   clear:           both;
   float:           left;
   font-size:       80%;
   margin:          0 0 0 10px;
   width:           335px;
}

.inviteUser {
   border: 1px solid;
   float:           left;
   font-size:       80%;
   margin:          0 0 0 10px;
   width:           170px;
}

.inviteButtons {
   border:          1px solid;
   float:           left;
   font-size:       80%;
   margin:          0 0 0 10px;
   width:           245px;
}

.radioButton {
    display:inline-block;
  height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}

.uploadEntry
    {
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1;
}

.uploadEntry title
    {
        background-color: #cccccc;
        font-size: 90%;
        font-weight:  bold;
        margin:  0 0 0px 0px;
        padding: 2px;
        display: block;
        text-align: center;
}

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

.uploadEntry input[type=text]
    {   
        max-width: 400px;
}

.uploadEntry textarea
    {
        width:  500px;
        height: 200px;
        text-align: left;
        vertical-align: top;
        margin:  0 0 20px 180px;
}

.uploadEntry label
    {
        text-align: right;
        padding-right: 20px;
        width: 160px;
}
 
.uploadEntry submitRow
   {
        clear: both;
}

.uploadEntry 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;
}

.alertFull {
	border-top:  1px solid black;
    clear:       both;
	padding:     5px 0 0 0;
}

.alertContent {
   font-family:  Arial;
   font-size:    80%;
   float:        left;
   margin:       0 0 0 58px;
   padding:      0 0 5px 0;
   width:        520px;
}


.alertEntry
    {
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1;
}

.alertEntry title
    {
        background-color: #cccccc;
        font-size: 90%;
        font-weight:  bold;
        margin:  0 0 0px 0px;
        padding: 2px;
        display: block;
        text-align: center;
}

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

.alertEntry input[type=text]
    {   
}

.alertEntry textarea
    {
        width:  500px;
        height: 200px;
        text-align: left;
        vertical-align: top;
        margin:  0 0 20px 180px;
}

.alertEntry label
    {
        text-align: right;
        padding-right: 20px;
        width: 160px;
}
 
.alertEntry submitRow
   {
        clear: both;
}

.alertEntry 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;
}

.assyEntry
    {
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1;
}

.assyEntry title
    {
        background-color: #cccccc;
        font-size: 90%;
        font-weight:  bold;
        margin:  0 0 0px 0px;
        padding: 2px;
        display: block;
        text-align: center;
}

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

.assyEntry input[type=text]
    {   
}

.assyEntry textarea
    {
        width:  500px;
        height: 200px;
        text-align: left;
        vertical-align: top;
        margin:  0 0 20px 180px;
}

.assyEntry label
    {
        text-align: right;
        padding-right: 20px;
        width: 160px;
}
 
.assyEntry submitRow
   {
        clear: both;
}

.assyEntry 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;
}

#menublock {
	background-image:    url(/css/images/LogbookLockerLogo.png);
    background-color:    #ffffff;
    background-position: bottom center;
    background-repeat:   no-repeat;
    height:              145px;
	border:              0px solid black;
}

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

#menu1 {
    margin:          0 0 0 0;
}

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

#menu1 li {
	display:         inline;
}

#menu1 a {
    background-color: #820000; 
	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; 
}

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

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

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

#msgbox   {
    clear:            both;
    padding:          10px;
    width:            100%;
    border:           1px solid #000000;
    color:            green;
    background-color: #ffffff;
    text-align:       center;
}

#page {
    color:             black;
    background-color:  white;
    overflow:          auto;
}

#footer {
    text-align:       center;
    font-size:        0.8em;
    color:            #ffffff;
    background-color: #820000; 
    padding:          2px;
	margin:           4px 0 0 0;
}


#users
   {
     font-family:"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.2em;
     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:  ti92pluspc, Crystal, Monaco, "Courier New", "Bitstream Vera Sans Mono", Tahoma, "Book Antiqua";
     font-size:    11.0pt;
   }

#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; 
   font-size:    11.0pt;
   margin:       20px 0 0 30px; 
   padding:      10px; 
   width:        600px;
   word-wrap:    normal;
 } 

#view body {
   width:            700px;
}

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

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

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

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


/* ---Used to display the list of Assemblies ---------------------------- */


.assembly {
   border:           0px solid black;
   clear:            both;
   color:            black;
   background:       white;
   padding:          5px 0 5px 0;
   margin:           5px 0 5px 0;
}

.openfolder {
   border:           1px solid black;
   clear:            both;
   float:            left;
   color:            black;
   background:       #cccccc;
   margin:           0 0 5px 5px;
   width:            25px;
}    

.assemblyFull {
    float:       left;
}

.assemblycontent {
   color:           black;
   background:      white;
   float:           left;
   font-size:       80%;
   margin:          0 0 0 5px;
   padding:         0 0 0 5px;
   width:           500px;
}

.assemblyButtons {
   width:       210px;
   font-size:    80%;
   float:       left;
}

.renewalcontent {
   float:           right;
   width:           185px;
   font-family:     Arial;
   font-size:       80%;
}

.addalert {
   clear:           both;
   margin:          0 0 0 58px;
   padding:         5px 0 5px 0;
   font-family:     Arial;
   font-size:       80%;
}

.addalert a {
   font-weight:     Bold;
   color:           Blue;
}

.addcomponent {
   clear:           both;
   margin:          0 0 0 58px;
   padding:         5px 0 5px 0;
   font-family:     Arial;
   font-size:       80%;
}

.addcomponent a {
   font-weight:     Bold;
   color:           Blue;
}

.componentFull {
	border-top:  1px solid black;
    clear:       both;
	padding:     5px 0 0 0;
}

.componentcontent {
   font-family:  Arial;
   font-size:    80%;
   float:        left;
   margin:       0 0 0 58px;
   padding:      0 0 5px 0;
   width:        520px;
}

.addentry {
   font-family:  Arial;
   font-size:    80%;
   float:        left;
   margin:       0 0 0 108px;
   padding:      0 0 5px 0;
   width:        470px;
}

.addentry a {
   font-family:  Arial;
   font-size:    80%;
   font-weight:  Bold;
   color:        Blue;
}

.entryFull {
    clear:       both;
	width:       100%;
}

.entrycontent {
   font-family:  Arial;
   font-size:    80%;
   float:        left;
   margin:       0 0 0 58px;
   padding:      0 0 5px 10px;
   width:        490px;
}

.entryButtons {
   width:       210px;
   font-size:    80%;
   float:       left;
}

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