/*----------------------------------------------------------------------------*/
/*  HPCPT = MHannah.Pachunka.com - Cascading Style Sheet 
/* (updated 2/4/2018)
/*----------------------------------------------------------------------------*/
/* KEY COLORS:  E21D26
/* #E21D26;/** SSSC Red **/
/* #040507;/** SSSC BLACK **/
/* #FFFFFF;/** SSSC White **/
/*
/* SECONDARY COLORS
/* #666666; /** charcoal black (button) **/
/* #64646B; /** SSSC Charcoal 	**/
/*
/* #FFBC03; /** SSSC Gold 	**/
/*----------------------------------------------------------------------------*/
body {
	background: black;		/** Lighter Gray **/	
	color: white;			/** SSSC BLACK **/
    	margin: 0; 
    	padding: 0;   
	font-size: 1em;
    	font-family: Arial,sans-serif;
    	padding-bottom:30px;
}

h1, h2, h3, h4, #menuList {
	font-family: 'PT Sans', arial, sans-serif; 
}


h1 { 
	color: #666666;		/** SSSC Charcoal Gray **/
	margin: 0px 0px 8px 0px;
	padding: 0px;
	font-size:1.5em;
}

h2 {
/***        color: rgb(170,0,0);	/** PTS Red **/
/***	color: #0000ff;		/** Blue Blue **/
	color: #c4c4c4;		/** Light Gray **/
	font-size: 1.3em !important;
	
}

h3 {
	color: #0000cc;		/** Darker Blue **/
	font-size: 1.1em !important;
}

h4 {
	color: black;		/** black **/
	font-family: "Georgia", Arial, sans-serif;
}
/*----------------------------------------------------------------------------*/
/* Custom Classes
/*----------------------------------------------------------------------------*/


#mob_header {
	height: 42px;
	background: #3333ff;	/** Special Blue**/
	background: #0000cc;	/** Special Blue**/

	font-size: 1.1em !important;
	font-weight:bolder;
	font-family:verdana;
	color: white;
	text-align:center;
	padding:5px;
	margin:0px;
	font-style:italics;
}

.main_container {
	margin: 0px;
	padding:0.5em;
}

.menu_logo {
	position:absolute;
	top: 3px;
	left: 5px;
	height:36px;
	width:42px;
	
	margin: 0px;
	padding:0px;
/*	border: 3px solid yellow; /* */
}

.profile_logo {
	position:absolute;
	top: 3px;
	right: 5px;
	height:36px;
	width:42px;
	
	margin: 0px;
	padding:0px;
/*	border: 3px solid yellow; /* */
}
.user_title {
	margin: 1px 5px 1px 5px;
	padding:0px;
	font-weight: bolder;
	text-align:right;
	font-size:0.9em;
}

/*----------------------------------------------------------------------------*/
/*  Form Elements
/*----------------------------------------------------------------------------*/

input[type="text"] {
    margin: 10px 0px 5px 0px;
    padding: 5px 5px 5px 5px;
    font-size:1.0em;
    height:18px;
}
input[type="password"] {
    margin: 20px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
    font-size:1.0em;
}

input[type="button"] {
    margin: 10px 0px 10px 0px;
}

input[type="submit"] {
    margin: 20px 20px 20px 20px;
    padding: 5px 5px 5px 5px;
    font-size:1.0em;
    font-weight:bolder;
}

label.mob {
	font-size:0.8em;
}


/*----------------------------------------------------------------------------*/
/* The BELOW IS UNSORTED
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/* The BELOW IS UNSORTED
/*----------------------------------------------------------------------------*/

/* ---------------------------------------------------- */
/* for menus                                            */
/* ---------------------------------------------------- */

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

li {
    margin-top: 10px;
}

.buttons_list {
    display: inline-block;
}
.left {
    float: left;
}

.right {
    float: right;
}


#mob_header_bottom {
/*	width:100%; */
	height: 20px;
	background: #E21D26;;	/** SSSC Red**/
	padding:1px 1px 3px 1px;
	font-family: 'PT Sans', arial, sans-serif; 
	font-size:1.2em;
	font-weight:bolder;
	color: white;
	text-align:center;
}

/*----------------------------------------------------------------------------*/
/*	Menu Styles
/*----------------------------------------------------------------------------*/

#menuList li a {
	background-color: #666666;		/** charcoal black **/
	color: #f0f0f0; 			/** very light gray **/
	border: 2px solid #f0f0f0;		/** very light gray **/
	padding: 3px 8px 3px 8px;
	margin: 0px 0px 0px 0px;
	border-radius: 6px;

	font-family:verdana, tahoma, arial;
	font-weight: bolder;
	font-size:0.9em;
}

#menuList li a:hover {
	background-color: #ffffff; 		/** White **/
	color: #666666;				/** charcoal black **/
	border: 2px solid #ffffff; 		/** White **/
}

/*------------------------------------------------------ MENU BAR -*/

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
Above Sorted, below not sorted
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


table {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #000000;
	font-size: 12pt;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #000000;
	font-size: 12pt;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
.navigation {
	font-size: 9pt;
}
.PageTitle {
	font-size: 18pt;
	font-weight: bolder;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.PageSubTitle1 {
	font-size: 14pt;
	color: #CC0000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.PageSubTitle2 {
	font-size: 14pt;
	font-weight: normal;
	color: #330099;
}
.button {
        display: block;
        height: 20px;
        width: 250px;
        background: #AA0000;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #c4c4c4;
	font-size: 12pt;
	font-weight: bolder;
        text-align: center;
 /**       verticle-align: middle; /* */
        border: 1px #c4c4c4 solid;
        padding: 5px 5px 5px 5px;
}
a.button {
        text-decoration: none;
}
/*----------------------------------------------------------------------------------------------------*/
.inputTS {
    margin: 10px 0px 5px 0px;
    font-size:1.0em;
    height:40px;
}

.selectTS {
    margin: 10px 0px 5px 0px;
    font-size:1.0em;
    padding: 3px 3px 3px 3px;
    height:30px;
}

.mob_container {
	border: 1px solid grey;
	padding: 5px;
	width:300px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 5px 5px 3px #888888;
	margin-top: 4px;
	margin-bottom: 10px;
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* Above is not sorted
/*----------------------------------------------------------------------------*/
/*	buttons
/*----------------------------------------------------------------------------*/

/********************
.mob_buttons {
	text-align:center;
	background-color : #c4c4c4;
	border: 1px solid grey;
	padding: 2px;
	width:290px;
}
*******************/
.mob_butt {
	padding:7px 5px 7px 0px;
}
.mob_butt2 {
	padding:7px 5px 7px 0px;
	margin:3px 0px 3px 0px;
}
a.mob_button {
	text-decoration: none;
	text-align:center;
	background-color: #666666;	/** charcoal black **/
	color: #FFFFFF;			/** SSSC White **/
	border: 2px solid #f0f0f0;	/** very light gray **/
	padding: 3px 18px 3px 18px;
	border-radius: 6px;
	font-family:verdana, tahoma, arial;
	font-weight: bolder;
	font-size:1em;
	box-shadow: 5px 5px 3px #888888;
}
a.mob_button2 {
	text-decoration: none;
	text-align:center;
	background-color: #c4c4c4;	/** light gray **/
	color: #000000;			/** SSSC Black **/
	border: 2px solid #666666;	/** charcoal black **/
	padding: 3px 18px 3px 18px;
	border-radius: 6px;
	font-family:verdana, tahoma, arial;
	font-weight: bolder;
	font-size:1em;
	box-shadow: 5px 5px 3px #888888;
	
	margin-top:25px;
	margin-bottom:25px;
	
}
a.mob_button3 {
	text-decoration: none;
	text-align:center;
	background-color: #FFBC03; 	/** SSSC Gold 	**/
	color: #FFFFFF;			/** SSSC White **/
	border: 2px solid #f0f0f0;	/** very light gray **/
	padding: 3px 18px 3px 18px;
	border-radius: 6px;
	font-family:verdana, tahoma, arial;
	font-weight: bolder;
	font-size:1em;
	box-shadow: 5px 5px 3px #888888;
}

/*------------------------------------------------------ MESSAGES -*/
/*------------------------------------------------------ MESSAGES -*/

.msgTitle {
	font-size:1.1em; 
	font-weight:bolder;
	padding-right:.8em;
}
.msgDate {
	font-size:.8em; 
	color:#c4c4c4;
}
.msgBody {
	font-size:1em; 
	white-space:pre-wrap; 
/*	padding:0.5em 1em 0.5em 1em;  /* */
	padding:0px;  
}
.msgBlock {
	padding: 1em;
/*	margin: 1em 2em 1em 1em; /* */
	margin: 0px 0px 1em 0px;
	border: 1px solid #c4c4c4;
        box-shadow: 5px 5px 2px #888888;
        border-radius: 15px;
}
.msgBlock2 {
	padding: 1em;
	margin: 1em 2em 1em 1em;
}

.scheduleMessage {
        padding-left: 100px;
	background:#ffffcc;
	background-color:#ffffcc;
/*	background-color:#f0f0f0; /* */
/*	background-color:#CCFFFF; /* */ 	
}