.fit{
    white-space: nowrap;
    width: 1%;
}
#primary_nav_wrap
{
	position: fixed;
	top: 0;
    	left: 0;
	right:0;

	background: #4D395A;
	width: 100%
	height: 42px;
	margin: 0;
	padding:0;

	z-index: 9;
}



#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0 0 0 30px;
	padding:0;
}

#primary_nav_wrap #title
{
	padding: 7px;
	margin: 0 17px 0 0;
	color:#999;

	font-family: Arial;
	font-size: 23px;
	background:#4D395A;
}


#primary_nav_wrap ul a
{
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:5px 17px;
	
	font-family: Arial;
	font-size: 13px;
}



#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

li
{
	margin: 10px;
}



#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd;
	padding:0;
	margin:0;

}

#primary_nav_wrap ul li:hover
{
	background:#725585;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#4D395A;
	padding:0;
	margin:0;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
	border-bottom: 1px solid #5C456B;
}

#divider 
{

	display:block;
	color:#B59AC6;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:2px 17px;
	
	font-family: Arial;
	font-size: 13px;

	background:#725585;
}


#divider:hover
{
	cursor: default;
	
}



#primary_nav_wrap ul ul #me:hover 
{
	cursor: default;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}



#sec
{
	position: fixed;
	top: 0;
	right:0;
	
	height: 42px;
	margin: 0;
	padding-right:10px;

	z-index: 10;
}

#sec ul
{
	list-style:none;
	position:relative;
	
}

#sec ul li 
{
	
	display:inline;
	font-weight:700;
	color:#999;
	padding:0px 12px 0 0;
	
	font-family: Arial;
	font-size: 13.5px;
}



#sec a:link, 
#sec a:visited 
{ 
 	color: #FFFFFF; 
	text-decoration: none; 
}


#sec a:hover 
{ 
 	text-decoration: underline; 
}




input[type=text], input[type=password], input[type=date]
{
	margin: 0 0 0.7em 0;
	border-radius: 5px;
	border: 1px solid #8AC007;
	width: 30%;
}

select
{
	margin: 0 0 0.7em 0;
	border-radius: 5px;
	border: 1px solid #8AC007;
	padding: 0.5em;
}

textarea
{
	margin: 0 0 0.7em 0;
	border-radius: 5px;
	border: 1px solid #8AC007;
	padding: 0.5em;
         
        height: 200px;
}

input[type=submit] 
{	
	border: 1px solid #fff;
	display: inline;
	margin-right: 1em;
	
	padding: 7px;
	width: 100px;
	text-decoration: none;
	font-size: 13px;
	background: #4D395A;
	color: white;
}


input[type=submit]:hover, form a:hover 
{	
	color: white;
	cursor: pointer;
	background: #04146B;
	box-shadow: 0 1px 0 white;
}



fieldset
{
	border: 1px solid #999;
	width: 900px;
	margin-top: 20px;
	margin-left: 25px;
	float: left;
	margin-bottom: 2em;
	display: block;
	border-radius: 7px;
}


#fieldset2
{
	border: 1px solid #999;
	width: 90%;
	margin-top: 20px;
	margin-left: 25px;
	float: left;
	margin-bottom: 2em;
	display: block;
	border-radius: 7px;
}


#nav_fieldset
{
	border: 1px solid #999;
	width: 900px;
	margin-top: 5px;
	margin-left: 25px;
	float: left;
	margin-bottom: 2em;
	display: block;
	border-radius: 7px;
}


#popup
{
	border: 1px solid #999;
	width: 700px;
	margin-top: 0px;
	margin-left: 25px;
	float: left;
	margin-bottom: 2em;
	display: block;
	border-radius: 7px;
}



#popup2
{
	border: 1px solid #999;
	width: 92%;
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 50px;
	float: left;
	margin-bottom: 2em;
	display: block;
	border-radius: 7px;
}


#markup_elements
{
	
	border: 0px;
	margin-left:30%;
	margin-top:5px;
	padding-top:0;
	
}



label 
{
  	float:left;
  	width:30%;
  	margin-right:0.5em;
  	padding-top:0.2em;
  	text-align:right;
}

legend
{
	font-size: 18px;
	padding-bottom: 1em;
}


#legend2
{
	font-size: 13px;
	padding-bottom: 1em;
}

#legend3
{
	font-size: 15px;
	padding-bottom: 0em;
}


#error 
{
	padding: 20px;
	color: #FF0000;
	font-size: 18px;
}



table
{
	margin: auto;
}


th
{
	text-align: left;
	background: #E0DFE1;
	border: 1px solid #AFBF88;
	padding: 10px; 
}


tr:hover 
{
	background-color: #ffff99;
}



td
{
	border: 1px solid #AFBF88;
	padding: 0.7em;
  white-space: normal !important; 
  word-wrap: break-word;  
}

a:link { text-decoration: none;	color: blue; }
a:visited { text-decoration: none; color: blue;}
a:hover { text-decoration: underline;  color: red; }


h2 { margin: 60px 0 0 20px; }
h3 { margin-left: 20px; }
h1 { margin-left: 20px; }
h4 { margin-left: 20px; }
p { margin-left: 20px; }

div.img 
{
	display: block;
    	margin: 10px;
    	padding: 5px;
    	height: auto;
    	width: auto;
    	float: left;
    	text-align: center;
	border: 1px solid #8AC007;    
}


div.img img 
{
    	display: inline;
	border: 1px solid #EEE;    
	margin: 15px 15px 0 0;
    	
}


div.list 
{
	display: block;
    	margin: 10px;
    	padding: 5px;
    	height: auto;
    	width: auto;
    	float: left;
    	text-align: center;   
}


div.list img 
{
    	display: inline;
	margin: 15px 15px 0 0;
}




#logo 
{
	border: 1px solid #8AC007;
	width: 60%;
	margin: 10px 0 0 5px;
	padding: 5px 5px 5px 20px;
	color: #E50202;
	border-radius: 7px;
}


#logo2
{
	display: block;
	border: 1px solid #8AC007;
	width: 60%;
	margin: 280px 0 0 5px;
	padding: 10px 5px 5px 30px;
	border-radius: 7px;
}


#logo3
{
	display: block;
	border: 1px solid #8AC007;
	width: 60%;
	margin: 300px 0 0 5px;
	padding: 10px 5px 5px 30px;
	border-radius: 7px;
}


#cap
{
	margin-top: 270px;
    	padding: 5px;
}






#nav_bar
{
	position: absolute;
	top: 140px;
    	left: 40px;
	
	
	margin: 0;
	padding: 0;

	width: 220px;
	height: auto;

	border: 1px solid #999;
}



#nav_bar ul
{
	list-style:none;
	position:relative;
	float:left;

	width: 100%;
	
	padding:0;
	margin:0;
}

#nav_bar ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 100%;

	border-bottom: 1px solid #DDD;
}


#nav_bar ul a
{
	display:block;
	color:#000;
	text-decoration:none;
	font-weight:500;
	font-size:12px;
	line-height:30px;
	padding:3px 17px;
	
	font-family: Arial;
	font-size: 13px;
}


#nav_bar #navtitle
{
	width: 92.5%;
	display:block;
	color:#999;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:30px;
	padding-top:5px;
	padding-left: 17px;
	padding-right: 0;
	
	font-family: Arial;
	font-size: 13px;

	border-bottom: 1px solid #CCC;

}


#nav_bar ul a:hover 
{ 
 	text-decoration: underline;
	padding:3px 17px;
	background-color: #DDD;
}




#nav
{	
	position: fixed;
	top: 42px;
    	right: 0;
	
	margin: 0;
	padding-right: 0;

	width: 15%;
	height: 49px;
	
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0px;

	z-index:5;

	
	background-color: #ccc;

}


#nav a
{
	display:block;
	color:#666;
	text-decoration:none;
	font-weight:700;
	
	
	text-align: center;
	vertical-align: middle;
	line-height:50px;
	
	font-family: Arial;
	font-size: 17px;
}


#navigation
{	
	display:block;
	position: fixed;
	top: 92px;
    	right: 0;
	width: 200px;

	background-color: #ccc;

	z-index:2;
}

#navigation ul
{
	list-style:none;
	position:relative;
	float:left;

	width: 100%;
	
	padding:0;
	margin:0;
}


#navigation ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 100%;

	border-bottom: 1px solid #999;
}


#navigation ul a
{
	display:block;
	color:#000;
	text-decoration:none;
	font-weight:500;
	font-size:12px;
	line-height:30px;
	padding:3px 17px;
	
	font-family: Arial;
	font-size: 13px;
}


#navigation ul a:hover 
{ 
 	text-decoration: underline;
	padding:3px 17px;
	background-color: #DDD;
}


#criteria
{
	position: fixed;
	top: 40px;
    	left: 0;
	width: 91%;

	display: block;
	height: 45px;
	padding: 5px 4px 0 20px;
	
	border: 1px solid #999;
	border-right: 1px solid #999;
	

	background-color: #eee;

	font-size: 13px;

	z-index:4;
}


#label2
{
  	float:left;
  	width:auto;
  	margin-right:0.5em;
  	padding-top:0.2em;
	padding-right:0.9em;
  	text-align:right;
}


#content
{
	position: relative;
	top: 5px;
    	left: 290px;
	
	margin: 0;
	padding: 0;

	width: 75%;
	height: auto;
}



#content2
{
	position: relative;
	top: 5px;

	
	margin: 0;
	padding: 0;

	width: 75%;
	height: auto;
}




#content3
{
	position: relative;
	top: 50px;

	margin: 0;

	padding-top: 20px;
	padding-left: 0px;
	padding-bottom: 20px;

	width: 100%;
	height: auto;

	z-index:1;
}



#content4
{
	position: relative;
	top: 20px;

	margin: 0;

	padding-top: 20px;
	padding-left: 0px;
	padding-bottom: 20px;

	width: 100%;
	height: auto;

	z-index:1;
}



div #manage
{
	margin: 0 20px 10px 40px;
	background-color: #EEE;
	width: 50%;
	padding: 10px;
	border: 1px solid #CCC;
	display:block;
}


div #add
{
	display:inline;
	width: 20%;
	float: right;
	font-weight: normal;
	padding-right: 7px;
}


div #others
{
	display:block;
	margin: 0 20px 10px 40px;
	width: 50%;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCC;
	font-weight: bold;
}





div #ozer
{
	display:block;
	margin-top: 5px;
	
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 5px;
	

	border: 1px dotted #ddd;
	font-weight: normal;
}

#ozer:hover
{
	background-color: #DDD;
}


.mytags 
{
    	float: right;
	margin-right: 5px;
	margin-left: 20px;
}

#links
{
	display:block;
	padding-left: 40px;
}


#links a
{
	text-decoration: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border: solid 1px #AFBF88;
}

#links a:hover
{
	background-color: #ffff99;
}

.box h3{
  text-align:center;
	position:relative;
	top:80px;
}
.box {
	width:90%;
	height:200px auto;
	background:#FFF;
	margin:40px auto;
}
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


    #fdiv {
        width: 900px;
    }
    #hr{
        color: #DDE8FC;
        background-color: #DDE8FC;
        height: 1px;
    }
	#hr2{
        color: #006633;
        background-color: #006633;
        height: 1px;
    }
    #two
    {
   
    font-weight:bold;
    }
    #bold
    {
    font-weight:bold;
    }
    
    
    .flex {
        /* basic styling */
        height: 40px;
        border: 0px solid #555;
        font: 13px Arial;

        /* flexbox setup */
        display: flex;
        flex-direction: row;
    }

    .flex > div {
       flex: 1 1 auto;
      /*  width: 30px;   To make the transition work nicely. (Transitions to/from
                        "width:auto" are buggy in Gecko and Webkit, at least.
                        See http://bugzil.la/731886 for more info.) */
        transition: width 0.7s ease-out;
    }

     colors 
    .flex > div:nth-child(1){ background: #F1F2F1; width: 10px;}
	
    .flex > div:hover {
       /* width: 200px;*/
		background: #DDE8FC;
    }
    .flexnew {
        /* basic styling */
        height: 40px;
        border: 0px solid #555;
        font: 14px Arial;

        /* flexbox setup */
        display: flex;
        flex-direction: row;
    }

    .flexnew > div {
        transition: width 0.7s ease-out;
    }
     #divflex {
        width: auto;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
		position:relative;
        left:5px;
		top:5px;
    }
    #divlast {
        font-weight:bold;
        width: 160px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        
    }
    #divlast > div:hover {
        width: 200px;
        background: #F1F2F1;
    }
     #divtopmenu {width: 200px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
	background: #F1F2F1; }
    #divcompose {width: 200px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
	background: #F1F2F1; position:absolute;
	top:100px;
        left: 20px;
    }
    #divinbox {width: 200px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
	background: #F1F2F1; position:absolute;
	top:50px;
        left:20px;
    }
    #divsent {width: 200px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
	background: #F1F2F1; position:absolute;
	top:150px;
        left:20px;
    }
    #divdrafts {width: 200px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
	background: #F1F2F1; position:absolute;
	top:200px;
        left:20px;
    }
     #divtrash {width: 200px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
	background: #F1F2F1; position:absolute;
	top:250px;
        left:20px;
    }
    #divspam {width: 200px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
	background: #F1F2F1; position:absolute;
	top:300px;
        left:20px;
    }
     #divcontacts {
        width: 200px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
	background: #F1F2F1; position:absolute;
	top:350px;
        left:20px;
    }
    #divtolarge {
        width: 700px;
       padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #divsublarge {
        width: 1000px;
         font-weight:bold;
         height: auto;
       padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
		
        
    }
    #divmessage{
        width: 990px;
         height: auto;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
		font: 13px Arial;
    }
    #divtime {
        width: 300px;
        padding-right: 0px;
		margin-bottom:0px;
    }
	#divhone {
        width: 250px;
        padding-right: 0px;
		margin-bottom:0px;
    }
    #divsub {
        width: 450px;
        padding-right: 0px;
		margin-bottom:0px;
    }
	 #divto {
        width: 200px;
        padding-right: 0px;
		margin-bottom:0px;
		text-align:left;
    }
	#divchbx {
        width: auto;
    }
	#divnewcontact {
        width: 150px;
        padding-left: 10px;
		margin-bottom:0px;
		position:absolute;
		left:850px;
		top:10px;
    }
    .ldiv{
      padding-left: 150px;  
    }
    .span {
 		display:block;
                padding-left: 0px;
		}
    #span1{
        display:block;
        float:left;
        width:500px;
    }
    div.toggler { border:1px solid #ccc; background:url(gmail2.jpg) 10px 12px #eee no-repeat; cursor:pointer; padding:10px 12px; }
    div.toggler .subject { font-weight:bold; background:url(#CBE5E5) 10px 12px #eee no-repeat; b }
    div.read { color:#666; }
    div.toggler .from, div.toggler .date { font-style:italic; font-size:11px; }
    div.body { padding:10px 20px;}
#divnewemail {
        width: 60%;
		height:auto;
        padding-left: 10px;
        padding-bottom: 10px;
		padding-top: 10px;
        margin-top: 10px;
    }
.button
{	
	border: 1px solid #fff;
	display: inline;
	padding: 7px;
	width: 100px;
	text-decoration: none;
	font-size: 13px;
	background: #4D395A;
	color: white;
}


.button:hover
{	
	color: white;
	cursor: pointer;
	background: #04146B;
	box-shadow: 0 1px 0 white;
}

.button1
{	
	border: 1px solid #fff;
	display: inline;
	margin-right: 1em;
	padding: 7px;
	width: 125px;
	text-decoration: none;
	font-size: 13px;
	background: #4D395A;
	color: white;
}


.button1:hover
{	
	color: white;
	cursor: pointer;
	background: #04146B;
	box-shadow: 0 1px 0 white;
}

.button2
{	
	border: 1px solid #fff;
	display: inline;
	padding: 7px;
	width: 100px;
	text-decoration: none;
	font-size: 13px;
	background: #7ABCBC;
	color: white;
}


.button2:hover
{	
	color: white;
	cursor: pointer;
	background: #04146B;
	box-shadow: 0 1px 0 white;
}

.button3
{	
	border: 1px solid #fff;
	display: inline;
	margin-right: 33em;
	padding: 7px;
	width: 125px;
	text-decoration: none;
	font-size: 13px;
	background: #7ABCBC;
	color: white;
        float: left;
		margin-left:15px;
}


.button3:hover
{	
	color: white;
	cursor: pointer;
	background: #04146B;
	box-shadow: 0 1px 0 white;
}
.text-danger
{
color:#F20505;
position:relative;
        left:130px;
}
#divsettings {
        padding-left: 10px;
        padding-bottom: 10px;
		position:absolute;
        left:75%;
		top:25px;
    }
#retrieve {
        padding-left: 10px;
        padding-bottom: 10px;
		position:fixed;
        left:95px;
		top:93px;
    }

/* Style The Dropdown Button */
.dropbtn {
    font-size: 16px;
    border: 0px solid red;
    cursor: pointer;
	height:30px;
	z-index: 1;
	background-color:#FFFFFF;
        color: black;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	float:right;
	z-index: 1;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	color:blue;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: white;
    padding: 6px 6px;
    text-decoration: none;
    display: block;
	 font-size: 14px;
	 background-color: #000000;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #C0C0C0}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
#trashdiv {
        width: 30px;
		position:absolute;
		top:10px;
		left:94%;
		z-index: 1;
		cursor:pointer;
    }
#regbtn {
position:absolute;
		left:85%;
		    }
    #spamdiv {
        width: 30px;
		position:absolute;
		top:5px;
		left:160px;
		z-index: 1;
		cursor:pointer;
    }
	#trashdiv2 {
        width: 30px;
		z-index: 1;
		cursor:pointer;
    }
    #spamdiv2 {
	position:absolute;
		top:10px;
	padding-left:100px;
        width: 30px;
		z-index: 1;
		cursor:pointer;
    }
#submit-icon {
width:50px;
  cursor: pointer;
  color: transparent;
}
#mytextarea {
height:200px;
}
#sname{
padding-left:16px;
font-weight:bold;
font-size:25px;
padding-top:0px;
margin-bottom:12px;
}
#login_header{
padding-left:16px;
font-weight:bold;
font-size:20px;
padding-top:50px;
padding-bottom:20px;
text-align:center;
}
#divlogin
{
width:55%;
margin-top:12%;
padding:10 50 10 50;
}
#topmenudiv
{
width:45%;
height: 5%;
font-size: 16px;
margin-left: 5px;
padding: 5px 0 5px 10px; 
}