/*
#mainright {
	width:5%;
	float:left;
	padding-bottom:10px;
	background:#fff;
	background-color: #E3EEF4;
} 
*/
	
#maincenter {
	/* width:95%; */
	width:95%; 
	float:left;
	background:#fff;
	padding-bottom:10px;
        margin-top:10px;
        margin-left:5px;
}

/*
#mainleft {
	width:13%;
	float:left;
	margin-left:10px;
	background:#fff;
	font-size:80%
}
*/

#footer{
	margin-left: 2px;
	color: #000000;
	font-size: 70%;
}

tr.strip1 {
   background-color:#A1ABFF;
}

tr.strip2 {
   background-color:#E8EBF9;
}

td {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: black;
  font-size: 10px;
}

.style10 {
  font-size: 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
td.black {
  color: black;
}

td.bluebold {
   color:#4c678c;
   font-weight:bold; 
}

.bluebold {
   color:#4c678c;
   font-weight:bold; 
}


td.purplebold {
   color:#9966CC; 
   font-weight:bold; 
}

.purplebold {
   color:#9966CC; 
   font-weight:bold; 
}

td.lightblue {
   color:#4c678c;
}

/* begin logo color */
td.greenbold {
   color: #2f8ef3;
   font-weight:bold;
}

.greenbold {
   color: #2f8ef3;
   font-weight:bold;
}

td.redbold {
   color: #ed1c24;
   font-weight:bold;
}

.redbold {
   color: #ed1c24;
   font-weight:bold;
}

td.logoblue {
   color: #3f51a3;
   font-weight:bold;
}
/* end logo color */

td.lightblack {
   color:#333333;
}

.lightblack {
   color:#333333;
}

td.orangebold {
   color:#ff4500;
   font-weight:bold;
}

.orangebold {
   color:#ff4500;
   font-weight:bold;
}

td.ltblackbold {
   color:#333333;
   font-weight:bold;
}

.ltblackbold {
   color:#333333;
   font-weight:bold;
}

td.yellow {
  color:#ffcc66;
  font-weight:bold;
}

.yellow {
   color:#ffcc66;
   font-weight:bold;
}

td.dimbold {
  color: gray;
  font-weight:bold;
}

.dimbold {
  color: gray;
  font-weight:bold;
}

td.bold {
   color: black;
   font-weight: bold;
}

.bold {
   color: black;
   font-weight: bold;
}

td.thickwhite {
   color:white;
   font-weight: bold;
}

.thickwhite {
   color:white;
   font-weight: bold;
}

.thickwhite3 {
   color:white;
   font-size: 3;
   font-weight: bold;
}

.thickwhite5 {
   color:white;
   font-size: 5;
   font-weight: bold;
}

td.thick {
   color:black;
   font-weight: bold;
}

p.normal {
   font-weight: normal;
}

p.bold {
   font-size: 10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
}

p.greenbold {
   font-size: 10px;
   color: #2f8ef3;
   font-weight:bold;
}

.greenbold {
   font-size: 10px;
   color: #2f8ef3;
   font-weight:bold;
}


div.boxes {
border-style:solid;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
margin-bottom:10px;
border-color:#7fb6dd;
}

div.backgroundboxes {
background:#D6E3E4;
width:250px;
border-style:solid; 
border-right: 5px;
margin-right: 10px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
margin-bottom:10px;
border-color:#E6E6FA;
}


div.wideboxes {
  width:85%;
}

div.narrowboxes {
  width:40%;
}

div.regularboxes {
  width:60%;
}

h5.boxhdr {
text-align:left;
padding: 2px 2px 2px 5px;
margin:0 0 0 0px;
background:blue;
font-weight:700;
color:white;
}

h5.boxhdrlightblue {
text-align:left;
padding: 2px 2px 2px 5px;
margin:0 0 0 0px;
background:#7fb6dd;
font-size:100%;
color:white;
}

h5.boxhdrdarkblue {
text-align:left;
padding: 2px 2px 2px 5px;
margin:0 0 0 0px;
background:#3c7fb9;
/* font-weight:120%; */
color:white;
font-size:100%;
}

h5.boxhdrlightpurple {
text-align:left;
padding: 2px 2px 2px 5px;
margin:0 0 0 0px;
background:#9966CC; /* light purple */
color:white; 
font-size:100%;
/* font-weight:120%; 
color:#4c678c; 
font-size: 100%; */
}


.bl3 {
	width:100%;
	 /* 220px */
	text-align:left;
	background-color: #e6ecf0;
	background-image: url(/static/images/1bl.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.bl2 {
	width:10%; /* 30px */
	text-align:left;
	padding:10px;
	background-color: #e6ecf0;
	background-image: url(/static/images/1bl.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.bl {background:url(/static/images/1bl.gif) 0 100% no-repeat; width:20px; text-align:left}
.br2 {background:url(/static/images/1br.gif) 100% 100% no-repeat}
.tl {background:url(/static/images/1tl.gif) 0 0 no-repeat}
.tr1 {background:url(/static/images/1tr.gif) 100% 0 no-repeat}
.tr2 {background:url(/static/images/1tr.gif) 100% 0 no-repeat; padding:10px}

/* img {border:0} */

.gl3 {
	width:100%;
	 /* 220px */
	text-align:left;
	background-color: #d3e9d5;
	background-image: url(/static/images/1bl_green.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.gl2 {
	width:10%; /* 30px */
	text-align:left;
	padding:10px;
	background-color: #d3e9d5;
	background-image: url(/static/images/1bl_green.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.gl {background:url(/static/images/1bl_green.gif) 0 100% no-repeat; width:20px; text-align:left}
.gbr2 {background:url(/static/images/1br_green.gif) 100% 100% no-repeat}
.gtl {background:url(/static/images/1tl_green.gif) 0 0 no-repeat}
.gtr1 {background:url(/static/images/1tr_green.gif) 100% 0 no-repeat}
.gtr2 {background:url(/static/images/1tr_green.gif) 100% 0 no-repeat; padding:10px}


#leftmenu {
	display:block;  
	list-style-type:none; 
	/* border-bottom : 1.5px solid #ccc;  */
	padding-left: 5px;
        width: 16em; 
}

#lmn-1 {
	display:block;  
	background-image: url(/static/images/mypage.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin:0.5em; 
	background-color: #E8EBF9;
}

#lmn-2 {
	display:block;  
	background-image: url(/static/images/signout.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-3 {
	display:block;
	background-image: url(/static/images/myprofile.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-4 {
	display:block;
	background-image: url(/static/images/cobrand.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-5 {
	display:block;  
	background-image: url(/static/images/addphoto.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-6 {
	display:block;  
	background-image: url(/static/images/addfile.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-7 {
	display:block;  
	background-image: url(/static/images/myphotoalbum.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-8 {
	display:block;  
	background-image: url(/static/images/myfilefolder.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-9 {
	display:block;  
	background-image: url(/static/images/myblogs.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-10 {
	display:block;  
	background-image: url(/static/images/mycontacts.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}


#lmn-11 {
	display:block;  
	background-image: url(/static/images/sendinvite.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-12 {
	display:block;
	background-image: url(/static/images/viewmessages.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-13 {
	display:block;  
	background-image: url(/static/images/viewshareinfo.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-14 {
	display:block;  
	background-image: url(/static/images/viewfriendinvitations.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-15 {
	display:block;  
	background-image: url(/static/images/editmoderators.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-16 {
	display:block;  
	background-image: url(/static/images/editauthors.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-17 {
	display:block;  
	background-image: url(/static/images/addfriend.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-18 {
	display:block;  
	background-image: url(/static/images/sharemyinfo.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-19 {
	display:block;  
	background-image: url(/static/images/sharemycontacts.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-20 {
	display:block;  
	background-image: url(/static/images/addmoderator.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-21 {
	display:block;  
	background-image: url(/static/images/deletemoderator.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-22 {
	display:block;  
	background-image: url(/static/images/blockmembercollabrum.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-23 {
	display:block;  
	background-image: url(/static/images/unblockmember.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-24 {
	display:block;
	background-image: url(/static/images/addauthor.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-25 {
	display:block;  
	background-image: url(/static/images/blockmemberdirectory.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}


#lmn-26 {
	display:block;  
	background-image: url(/static/images/deleteauthor.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-27 {
	display:block;  
	background-image: url(/static/images/register.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}


#lmn-28 {
	display:block;  
	background-image: url(/static/images/activate.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-29 {
	display:block;  
	background-image: url(/static/images/signin.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-30 {
	display:block;  
	background-image: url(/static/images/forgotpassword.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em; 
}

#lmn-31 {
	display:block;  
	background-image: url(/static/images/money.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-33 {
	display:block;  
	background-image: url(/static/images/viewdirectory.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-color: #E8EBF9;
	padding: 3px 0 3px 20px;
	margin:0.5em;
}


/* add to directory */
/* add websites */
#lmn-50 {
	display:block;  
	background-image: url(/static/images/websites.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

/* add subdirectories */
#lmn-51 {
	display:block;  
	background-image: url(/static/images/directorysmall.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

/* add collabrums */
#lmn-52 {
	display:block;  
	background-image: url(/static/images/collabrumsmall.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

/* upload directory files */
#lmn-53 {
	display:block;  
	background-image: url(/static/images/upload.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

/* upload directory photos */
#lmn-54 {
	display:block;  
	background-image: url(/static/images/addphoto.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

/* edit directory */
#lmn-40 {
	display:block;  
	background-image: url(/static/images/edit.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-41 {
	display:block;  
	background-image: url(/static/images/cobrand.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-42 {
	display:block;  
	background-image: url(/static/images/copy.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-43 {
	display:block;  
	background-image: url(/static/images/cut.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

/* delete directory */
#lmn-44 {
	display:block;  
	background-image: url(/static/images/eraser.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

/* list children to delete */
#lmn-45 {
	display:block;  
	background-image: url(/static/images/eraser.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

/* clone and paste */
#lmn-46 {
	display:block;  
	background-image: url(/static/images/paste.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-47 {
	display:block;  
	background-image: url(/static/images/copy.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

/* move and paste */
#lmn-48 {
	display:block;  
	background-image: url(/static/images/paste.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-49 {
	display:block;  
	background-image: url(/static/images/undocut.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.5em;
}

#lmn-55 {
	display:block;  
	background-image: url(/static/images/icon_xml2.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 5px 40px;
	background-color: #E8EBF9;
	margin:0.8em;
}

#lmn-56 {
	display:block;  
	background-image: url(/static/images/bluebook.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	background-color: #E8EBF9;
	margin:0.8em;
}

#leftmenu a:link, #leftmenu a:visited	{
	display:block;  
	background-color: #E8EBF9;
	color : #666;

}

#leftmenu a:hover {
	display:block;  /* gives the rollover band effect */
        background-color: #ff9900; /* oranage color */
	border-bottom : 3px solid #ff9900;
	color : #000 !important;
}

/* when it is visited.active */
#leftbar-1 #leftmenu li#lmn-1 a,
#leftbar-2 #leftmenu li#lmn-2 a,
#leftbar-3 #leftmenu li#lmn-3 a,
#leftbar-4 #leftmenu li#lmn-4 a,
#leftbar-5 #leftmenu li#lmn-5 a,
#leftbar-6 #leftmenu li#lmn-6 a,
#leftbar-7 #leftmenu li#lmn-7 a,
#leftbar-8 #leftmenu li#lmn-8 a,
#leftbar-9 #leftmenu li#lmn-9 a,
#leftbar-10 #leftmenu li#lmn-10 a,
#leftbar-11 #leftmenu li#lmn-11 a,
#leftbar-12 #leftmenu li#lmn-12 a,
#leftbar-13 #leftmenu li#lmn-13 a,
#leftbar-14 #leftmenu li#lmn-14 a,
#leftbar-15 #leftmenu li#lmn-15 a,
#leftbar-16 #leftmenu li#lmn-16 a,
#leftbar-17 #leftmenu li#lmn-17 a,
#leftbar-18 #leftmenu li#lmn-18 a,
#leftbar-19 #leftmenu li#lmn-19 a,
#leftbar-20 #leftmenu li#lmn-20 a,
#leftbar-21 #leftmenu li#lmn-21 a,
#leftbar-22 #leftmenu li#lmn-22 a,
#leftbar-23 #leftmenu li#lmn-23 a,
#leftbar-24 #leftmenu li#lmn-24 a,
#leftbar-25 #leftmenu li#lmn-25 a,
#leftbar-26 #leftmenu li#lmn-26 a,
#leftbar-27 #leftmenu li#lmn-27 a,
#leftbar-28 #leftmenu li#lmn-28 a,
#leftbar-29 #leftmenu li#lmn-29 a,
#leftbar-30 #leftmenu li#lmn-30 a, 
#leftbar-31 #leftmenu li#lmn-31 a,
#leftbar-33 #leftmenu li#lmn-33 a,
#leftbar-40 #leftmenu li#lmn-40 a,
#leftbar-41 #leftmenu li#lmn-41 a,
#leftbar-42 #leftmenu li#lmn-42 a,
#leftbar-43 #leftmenu li#lmn-43 a,
#leftbar-44 #leftmenu li#lmn-44 a,
#leftbar-45 #leftmenu li#lmn-45 a,
#leftbar-46 #leftmenu li#lmn-46 a,
#leftbar-47 #leftmenu li#lmn-47 a,
#leftbar-48 #leftmenu li#lmn-48 a,
#leftbar-49 #leftmenu li#lmn-49 a,
#leftbar-50 #leftmenu li#lmn-50 a,
#leftbar-51 #leftmenu li#lmn-51 a,
#leftbar-52 #leftmenu li#lmn-52 a,
#leftbar-53 #leftmenu li#lmn-53 a,
#leftbar-54 #leftmenu li#lmn-54 a,
#leftbar-55 #leftmenu li#lmn-55 a,
#leftbar-56 #leftmenu li#lmn-56 a {
	display:block;  
	color : #fff;
        background-image: url(/static/images/greenarrow.gif);
        background-repeat: no-repeat;
        background-position: 100% 35%;
	background-color: #86A863;
	border-bottom : 2.25px solid #86A863;
        list-style-type:none; /* removes the asterix or the star on the buttons */

/* works
	display:block;  
        background-color: #86A863;
	border-bottom : 1px solid #86A863;
	color : #fff;
*/
}


.mehandi_l3 {
        width:100%; /* 220px */
        text-align:left;
        background-color: #86A863;
        background-image: url(/static/images/1bl_mehandi.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.mehandi_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #86A863;
        background-image: url(/static/images/1bl_mehandi.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.mehandi_l {background:url(/static/images/1bl_mehandi.jpg) 0 100% no-repeat; width:20px; text-align:left}
.mehandi_r2 {background:url(/static/images/1br_mehandi.jpg) 100% 100% no-repeat}
.mehandi_tl {background:url(/static/images/1tl_mehandi.jpg) 0 0 no-repeat}
.mehandi_tr1 {background:url(/static/images/1tr_mehandi.jpg) 100% 0 no-repeat}
.mehandi_tr2 {background:url(/static/images/1tr_mehandi.jpg) 100% 0 no-repeat; padding:10px}


/* cyan color */


.cyan_l3 {
        width:100%;
         /* 220px */
        text-align:left;
        background-color: #7fffd4;
        background-image: url(/static/images/1bl_cyan.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.cyan_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #7fffd4;
        background-image: url(/static/images/1bl_cyan.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.cyan_l {background:url(/static/images/1bl_cyan.jpg) 0 100% no-repeat; width:20px; text-align:left}
.cyan_r2 {background:url(/static/images/1br_cyan.jpg) 100% 100% no-repeat}
.cyan_tl {background:url(/static/images/1tl_cyan.jpg) 0 0 no-repeat}
.cyan_tr1 {background:url(/static/images/1tr_cyan.jpg) 100% 0 no-repeat}
.cyan_tr2 {background:url(/static/images/1tr_cyan.jpg) 100% 0 no-repeat; padding:10px}


/* lightyellow */

.lightyellow_l3 {
        width:100%;
         /* 220px */
        text-align:left;
        background-color: #F3F0CE;
        /* background-color: #ffcc66; */
        background-image: url(/static/images/1bl_lightyellow.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.lightyellow_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #F3F0CE;
        /* background-color: #ffcc66; */
        background-image: url(/static/images/1bl_lightyellow.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.lightyellow_l {background:url(/static/images/1bl_lightyellow.jpg) 0 100% no-repeat; width:20px; text-align:left}
.lightyellow_r2 {background:url(/static/images/1br_lightyellow.jpg) 100% 100% no-repeat}
.lightyellow_tl {background:url(/static/images/1tl_lightyellow.jpg) 0 0 no-repeat}
.lightyellow_tr1 {background:url(/static/images/1tr_lightyellow.jpg) 100% 0 no-repeat}
.lightyellow_tr2 {background:url(/static/images/1tr_lightyellow.jpg) 100% 0 no-repeat; padding:10px}


/* lightpurple */
.lightpurple_l3 {
        width:100%;
         /* 220px */
        text-align:left;
        background-color: #cccccc;
        background-image: url(/static/images/1bl_lightpurple.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.lightpurple_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #cccccc;
        background-image: url(/static/images/1bl_lightpurple.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.lightpurple_l {background:url(/static/images/1bl_lightpurple.jpg) 0 100% no-repeat; width:20px; text-align:left}
.lightpurple_r2 {background:url(/static/images/1br_lightpurple.jpg) 100% 100% no-repeat}
.lightpurple_tl {background:url(/static/images/1tl_lightpurple.jpg) 0 0 no-repeat}
.lightpurple_tr1 {background:url(/static/images/1tr_lightpurple.jpg) 100% 0 no-repeat}
.lightpurple_tr2 {background:url(/static/images/1tr_lightpurple.jpg) 100% 0 no-repeat; padding:10px}



/* darkerpurple */
.darkerpurple_l3 {
        width:100%;
         /* 220px */
        text-align:left;
        background-color: #cc99cc;
        background-image: url(/static/images/1bl_darkerpurple.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.darkerpurple_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #cc99cc;
        background-image: url(/static/images/1bl_darkerpurple.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.darkerpurple_l {background:url(/static/images/1bl_darkerpurple.jpg) 0 100% no-repeat; width:20px; text-align:left}
.darkerpurple_r2 {background:url(/static/images/1br_darkerpurple.jpg) 100% 100% no-repeat}
.darkerpurple_tl {background:url(/static/images/1tl_darkerpurple.jpg) 0 0 no-repeat}
.darkerpurple_tr1 {background:url(/static/images/1tr_darkerpurple.jpg) 100% 0 no-repeat}
.darkerpurple_tr2 {background:url(/static/images/1tr_darkerpurple.jpg) 100% 0 no-repeat; padding:10px}



/* darkblue */
.darkblue_l3 {
        width:100%;
         /* 220px */
        text-align:left;
        background-color: #339999;
        background-image: url(/static/images/1bl_darkblue.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.darkblue_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #339999;
        background-image: url(/static/images/1bl_darkblue.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.darkblue_rl {background:url(/static/images/1bl_darkblue.jpg) 0 100% no-repeat; width:20px; text-align:left}
.darkblue_r2 {background:url(/static/images/1br_darkblue.jpg) 100% 100% no-repeat}
.darkblue_tl {background:url(/static/images/1tl_darkblue.jpg) 0 0 no-repeat}
.darkblue_tr1 {background:url(/static/images/1tr_darkblue.jpg) 100% 0 no-repeat}
.darkblue_tr2 {background:url(/static/images/1tr_darkblue.jpg) 100% 0 no-repeat; padding:10px}


/* dimpurple */
.dimpurple_l3 {
        width:100%;
         /* 220px */
        text-align:left;
        background-color: #D7CFE7;
        background-image: url(/static/images/1bl_dimpurple.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.dimpurple_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #D7CFE7;
        background-image: url(/static/images/1bl_dimpurple.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.dimpurple_rl {background:url(/static/images/1bl_dimpurple.jpg) 0 100% no-repeat; width:20px; text-align:left}
.dimpurple_r2 {background:url(/static/images/1br_dimpurple.jpg) 100% 100% no-repeat}
.dimpurple_tl {background:url(/static/images/1tl_dimpurple.jpg) 0 0 no-repeat}
.dimpurple_tr1 {background:url(/static/images/1tr_dimpurple.jpg) 100% 0 no-repeat}
.dimpurple_tr2 {background:url(/static/images/1tr_dimpurple.jpg) 100% 0 no-repeat; padding:10px}



/* lightpink */
.lightpink_l3 {
        width:100%; /* 220px */
        text-align:left;
        background-color: #F3F0CE;
        background-image: url(/static/images/1bl_pink.gif);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.lightpink_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #F3F0CE;
        background-image: url(/static/images/1bl_pink.gif);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.lightpink_rl {background:url(/static/images/1bl_pink.gif) 0 100% no-repeat; width:20px; text-align:left}
.lightpink_r2 {background:url(/static/images/1br_pink.gif) 100% 100% no-repeat}
.lightpink_tl {background:url(/static/images/1tl_pink.gif) 0 0 no-repeat}
.lightpink_tr1 {background:url(/static/images/1tr_pink.gif) 100% 0 no-repeat}
.lightpink_tr2 {background:url(/static/images/1tr_pink.gif) 100% 0 no-repeat; padding:10px}



/* lightblue */
.lightblue_l3 {
        width:100%;
         /* 220px */
        text-align:left;
        background-color: #BDDFF8;
        background-image: url(/static/images/1bl_lightblue.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.lightblue_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #BDDFF8;
        background-image: url(/static/images/1bl_lightblue.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.lightblue_rl {background:url(/static/images/1bl_lightblue.jpg) 0 100% no-repeat; width:20px; text-align:left}
.lightblue_r2 {background:url(/static/images/1br_lightblue.jpg) 100% 100% no-repeat}
.lightblue_tl {background:url(/static/images/1tl_lightblue.jpg) 0 0 no-repeat}
.lightblue_tr1 {background:url(/static/images/1tr_lightblue.jpg) 100% 0 no-repeat}
.lightblue_tr2 {background:url(/static/images/1tr_lightblue.jpg) 100% 0 no-repeat; padding:10px}



/* darkyellow */
.darkyellow_l3 {
        width:100%;
         /* 220px */
        text-align:left;
        background-color: #ffcc66;
        background-image: url(/static/images/1bl_darkyellow.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}

.darkyellow_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #ffcc66;
        background-image: url(/static/images/1bl_darkyellow.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.darkyellow_rl {background:url(/static/images/1bl_darkyellow.jpg) 0 100% no-repeat; width:20px; text-align:left}
.darkyellow_r2 {background:url(/static/images/1br_darkyellow.jpg) 100% 100% no-repeat}
.darkyellow_tl {background:url(/static/images/1tl_darkyellow.jpg) 0 0 no-repeat}
.darkyellow_tr1 {background:url(/static/images/1tr_darkyellow.jpg) 100% 0 no-repeat}
.darkyellow_tr2 {background:url(/static/images/1tr_darkyellow.jpg) 100% 0 no-repeat; padding:10px}


/* green big width */
.gsl3 {
	width:100%;
	 /* 220px */
	text-align:left;
	background-color: #d3e9d5;
	background-image: url(/static/images/1bl_green.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.gsl2 {
	width:3px; /* 30px */
	text-align:left;
	padding:1px;
	background-color: #d3e9d5;
	background-image: url(/static/images/1bl_green.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.gsl {background:url(/static/images/1bl_green.gif) 0 100% no-repeat; width:20px; text-align:left}
.gsbr2 {background:url(/static/images/1br_green.gif) 100% 100% no-repeat}
.gstl {background:url(/static/images/1tl_green.gif) 0 0 no-repeat}
.gstr1 {background:url(/static/images/1tr_green.gif) 100% 0 no-repeat}
.gstr2 {background:url(/static/images/1tr_green.gif) 100% 0 no-repeat; padding:10px}



/* smallerlightpurple */
.slightpurple_l3 {
        width:60%;
        text-align:left;
        background-color: #cccccc;
        background-image: url(/static/images/1bl_lightpurple.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.slightpurple_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #cccccc;
        background-image: url(/static/images/1bl_lightpurple.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.slightpurple_rl {background:url(/static/images/1bl_lightpurple.jpg) 0 100% no-repeat; width:20px; text-align:left}
.slightpurple_r2 {background:url(/static/images/1br_lightpurple.jpg) 100% 100% no-repeat}
.slightpurple_tl {background:url(/static/images/1tl_lightpurple.jpg) 0 0 no-repeat}
.slightpurple_tr1 {background:url(/static/images/1tr_lightpurple.jpg) 100% 0 no-repeat}
.slightpurple_tr2 {background:url(/static/images/1tr_lightpurple.jpg) 100% 0 no-repeat; padding:10px}


/* smalldarkblue */
.smalldarkblue_l3 {
        width:60%;
        text-align:left;
        background-color: #339999;
        background-image: url(/static/images/1bl_darkblue.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.smalldarkblue_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #339999;
        background-image: url(/static/images/1bl_darkblue.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.smalldarkblue_rl {background:url(/static/images/1bl_darkblue.jpg) 0 100% no-repeat; width:20px; text-align:left}
.smalldarkblue_r2 {background:url(/static/images/1br_darkblue.jpg) 100% 100% no-repeat}
.smalldarkblue_tl {background:url(/static/images/1tl_darkblue.jpg) 0 0 no-repeat}
.smalldarkblue_tr1 {background:url(/static/images/1tr_darkblue.jpg) 100% 0 no-repeat}
.smalldarkblue_tr2 {background:url(/static/images/1tr_darkblue.jpg) 100% 0 no-repeat; padding:10px}


/* syellow - small light yellow */
.syellow_l3 {
        width:60%;
         /* 220px */
        text-align:left;
        background-color: #ffcc66;
        background-image: url(/static/images/1bl_lightyellow.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.syellow_l2 {
        width:10%; /* 30px */
        text-align:left;
        padding:10px;
        background-color: #ffcc66;
        background-image: url(/static/images/1bl_lightyellow.jpg);
        background-repeat: no-repeat;
        background-position: 0 100%;
}
.syellow_rl {background:url(/static/images/1bl_lightyellow.jpg) 0 100% no-repeat; width:20px; text-align:left}
.syellow_r2 {background:url(/static/images/1br_lightyellow.jpg) 100% 100% no-repeat}
.syellow_tl {background:url(/static/images/1tl_lightyellow.jpg) 0 0 no-repeat}
.syellow_tr1 {background:url(/static/images/1tr_lightyellow.jpg) 100% 0 no-repeat}
.syellow_tr2 {background:url(/static/images/1tr_lightyellow.jpg) 100% 0 no-repeat; padding:10px}

/* blue big width */
.blueco_l3 {
	width:100%; /* 220px */
	text-align:left;
	background-color: #2F85CA;
	background-image: url(/static/images/1bl_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.blueco_l2 {
	width:10px; /* 30px */
	text-align:left;
	padding:10px;
	background-color: #2F85CA;
	background-image: url(/static/images/1bl_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.blueco_rl {background:url(/static/images/1bl_blue.gif) 0 100% no-repeat; width:20px; text-align:left}
.blueco_r2 {background:url(/static/images/1br_blue.gif) 100% 100% no-repeat}
.blueco_tl {background:url(/static/images/1tl_blue.gif) 0 0 no-repeat}
.blueco_tr1 {background:url(/static/images/1tr_blue.gif) 100% 0 no-repeat}
.blueco_tr2 {background:url(/static/images/1tr_blue.gif) 100% 0 no-repeat; padding:10px}

.wide_bl3 {
	width:100%;
	 /* 220px */
	text-align:left;
	background-color: #e6ecf0;
	background-image: url(/static/images/1bl.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.wide_bl2 {
	width:10%; /* 30px */
	text-align:left;
	padding:10px;
	background-color: #e6ecf0;
	background-image: url(/static/images/1bl.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.wide_bl {background:url(/static/images/1bl.gif) 0 100% no-repeat; width:20px; text-align:left}
.wide_br2 {background:url(/static/images/1br.gif) 100% 100% no-repeat}
.wide_tl {background:url(/static/images/1tl.gif) 0 0 no-repeat}
.wide_tr1 {background:url(/static/images/1tr.gif) 100% 0 no-repeat}
.wide_tr2 {background:url(/static/images/1tr.gif) 100% 0 no-repeat; padding:10px}

</style>