body{
  	font-family: Arial,Helvetica,Verdana,sans-serif;
  	/*color: #303C58;*/
	background-color: transparent;
	margin: 0px auto;
	font-size: 100%;
	padding: 0px;
	background-image:url(../images/widget_panel_conbk.png); background-repeat:repeat-y;
}

 #front {
	width:320px;
	padding: 0px;
	margin: 0px auto;
	background-image:url(../images/widget_panel_front_top.png); background-repeat:no-repeat;
	/*border: 1px solid #000;*/
}

.front{
 	display:block;
	float:left;
	width:320px;
 }
 
#front_top{
 	display:block;
	float:left;
	width:320px;
	height: 126px;
	background-image:url(../images/widget_panel_front_top.png); background-repeat:no-repeat;
 }

#front_bottom{
 	display:block;
	float:left;
	width:320px;
	height: 100px;
	background-image:url(../images/widget_panel_bot.png); background-repeat:no-repeat;
 }
  
 #news_box_top{
 	display:block;
	float:left;
	width:320px;
	height: 480px;
	background-image:url(../images/widget_panel_front.jpg); background-repeat:no-repeat;
 }
 
 .front h1{
    float:left;
	margin-top: 20px;
	margin-left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #54538d;
 }
 
.front strong{
	color: #00a0e3;
 }
 
#feeds {
  cursor: pointer;
 /* margin-left: 2px;*/
 }
 
 
#back {
	display:none;
	width:320px;
	padding: 0px;
	margin: 0px auto;
	/*border: 1px solid #000;*/
}

.back{
	float:left;
	width:320px;
	height: 500px;
	background-image:url(../images/widget_panel_back.png); background-repeat:no-repeat;
 }

 
#logo{
    position:absolute;
    top: 115px;
	left: 12px;
    float:left;
 }
 
 #front_icons_bx{
    float: left;
	margin-right: 20px;
	margin-top: 165px;
	height: 40px;
 }
 
 #flip{
   position: absolute;
   left: 270px;
   width: 30px;
   height: 40px;
   cursor: pointer;
   background-image:url(../images/edit_icon.png);
}

 #flip:hover{
   background-position: 0px -40px;
}

#refresh{
   position:absolute;
   left: 25px;
   float:left;
   width: 30px;
   height: 40px;
   background-image:url(../images/refresh_icon.png);
   cursor: pointer;
}

#refresh:hover{
   background-position: 0px -40px;
}

#contentsback{
    float: left;
	width: 290px;
	height: 178px;	
 }
 
#contents {
	top: 15px;
	width: 255px;
	padding: 0px 5px 0px 0px;
	
}
  
#edit_container{
    float: left;
    margin-top: 160px;
	margin-left:18px;
	width: 290px;
	height: 320px;
	/*overflow: hidden;*/
 }
 
 
#contentsback{
    float: left;
	margin-left:4px;
	width: 270px;
	/*overflow: hidden;*/
 }

#option_box{
	float:left;
	width: 290px;
	height: 35px;
	color:#327fb3;
	border-bottom: 1px solid #b7b7b7;
 }
 
#option_box h1{
    float:left;
    margin: 6px 0px;
	padding: 5px;
	font-size: 80%;
 }
  
#option_box a:link, #option_box a:visited{color: #ffffff;  padding: 5px; float:right; font-weight:bold; font-size:11px; text-decoration: none;}
#option_box a:active, #option_box a:hover {color: #327fb3; padding: 5px; float:right; font-weight:bold; font-size:11px; text-decoration: underline;}


#change_style{
   float: left;
   margin:5px 0px 0px;
   padding-bottom:5px;
   width: 280px;
   border-bottom:1px solid #b7b7b7;
}

#change_style h2{
   margin:0px;
   padding:5px;
   font-size: 80%;
   font-weight:bold;
   color: #044674;
}

#change_style h3{
   margin:0px;
   padding:5px;
   font-size: 70%;
   font-weight:bold;
   color:#222222;
   text-align: center;
}

#change_style h3:hover{
   color:#222222;
}

#refreshfeed{
   float: left;
   margin:5px 0px 5px;
   padding-bottom:5px;
   width: 280px;
   border-bottom:1px solid #b7b7b7;
}

#refreshfeed h2{
   margin:0px;
   padding:5px;
   font-size: 80%;
   font-weight:bold;
   color: #044674;
}

#refreshfeed h3{
   margin:0px;
   padding:5px;
   font-size: 70%;
   font-weight:bold;
   color:#222222;
   text-align: center;
}

#refreshfeed h3:hover{
   color:#222222;
}

#feeds{
   float: left;
   margin:0px 0px 5px;
   padding:15px 0px 15px;
   width: 280px;
   border-bottom:1px solid #b7b7b7;
}

#feeds h2{
   margin:0px;
   padding:5px;
   font-size: 80%;
   font-weight:bold;
   color: #044674;
}

#feeds h3{
   margin:0px;
   padding:5px;
   font-size: 70%;
   font-weight:bold;
   color:#222222;
   text-align: center;
}

#feeds h3:hover{
   color:#222222;
}

td.select4{
   background-color: transparent;
   margin:0px;
   padding: 5px;
   cursor: pointer;
}


td.select4:hover{
   background-color: #6a6a6a;
   margin:0px;
   padding: 5px;
   cursor: pointer;
}

td.select{
   height: 25px;
   background-color: transparent;
   margin:0px;
   padding: 0px;
   cursor: pointer;
}


td.select:hover{
   height: 25px;
   background-color: #6a6a6a;
   margin:0px;
   padding: 0px;
   cursor: pointer;
}

td.select2{
   height: 25px;
   background-color: transparent;
   margin:0px;
   padding: 0px;
   cursor: pointer;
}


td.select2:hover{
   height: 25px;
   background-color: #999999;
   margin:0px;
   padding: 0px;
   cursor: pointer;
}

td.select3{
   height: 25px;
   background-color: transparent;
   margin:0px;
   padding: 0px;
   cursor: pointer;
}


td.select3:hover{
   height: 25px;
   background-color: #cccccc;
   margin:0px;
   padding: 0px;
   cursor: pointer;
}

td.selected{
   height: 15px;
   background-color: #6a6a6a;
   margin:0px;
   padding: 0px;
}

tr.list{
   border-bottom:1px solid #858585;
   margin:0px;
   padding: 0px;
 }

#courtesycopy{
   width: 270px;
   height: 40px;
   float:left;
}

#courtesycopy p{
   margin:0px 0px 5px 0px;
   font-size: 60%;
   font-weight:normal;
   color: #222222;
}

.courtesycopy strong{
   color: #327fb3;
}

#courtesycopy a:link,  #courtesycopy a:visited {color: #327fb3; margin:0px; padding:0px;  font-weight:bold;  text-decoration: none;}
#courtesycopy a:active,  #courtesycopy a:hover {color: #044674; margin:0px; padding:0px;  font-weight:bold;  text-decoration: none;}


/*---- STYLISH NAVIGATION ----*/
/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 font: 11px arial;
 font-weight: normal;
 margin: 0;
 padding: 0;
 list-style: none;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
 background: transparent;
 color: inherit;
 border: 0px solid #fff;
 margin-right: 0px;
}

/* LINKS INSIDE THE TOP MENU (OFF STATE) */
.menulist a {
 display: block;
 padding: 0px 0px 0px 0px;
 color: inherit;
 text-decoration:  none;
}

/* LINKS INSIDE THE TOP MENU (OVER STATE) */
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: inherit;
 background-color: transparent;
}

/* LINKS INSIDE THE TOP MENU (LEAVE STATE?) */
.menulist  a.highlighted {
 color: inherit;
 background-color: transparent;
}





#doneButton{
   float:right;
   width: 72px;
   height: 26px;
   border: 0px;
   margin: 4px 10px;
   background-image:url(../images/done_btn.png); background-repeat:no-repeat;
   list-style: none;
   overflow:hidden;
}

/*----done----*/
.menulist a.done_btn{
   width: 72px;
   height: 26px;
   border: 0px;
   background-image:url("../images/done_btn.png"); background-repeat:no-repeat;
   background-position:  0px 0px;
}

.menulist a.done_btn:hover{
   background-position:  0px -26px;
}
/*---- done ----*/





#news_container_back {
    width: 320px;
	background-image:url(../images/widget_panel_front.png); background-repeat:repeat-y;
	/*border: 1px solid #adadad;*/
}


#news_container {
    
    margin-top: 205px;
    margin-left: 30px;
    width: 270px;
	/*border: 1px solid #adadad;*/
}

#news_container_top {
    left: 20px;
    width: 270px; 
	height:7px;
	background-image:url(../images/news_container_top.png);
	/*border: 1px solid #adadad;*/
}

#news_container_bottom {
    left: 20px;
	margin-bottom:15px; 
    width: 270px; 
	height:80px;
	background-image:url(../images/news_container_bottom.png); background-repeat:no-repeat;
	/*border: 1px solid #adadad;*/
}

div.headers, div.footers {
	margin: 10px; border-color: #000; border-style: solid; border-width: 0 0px 0px 0px;
	background-color: transparent;
}

div.feeditem {
    border-bottom: 0px solid #cccccc;
	padding: 5px 0px 5px 0px; 
	border-top: 1px solid #dfdfdf; 
    font-family: Arial,Helvetica,Verdana,sans-serif;
}

div.feeditem p {
    font-size: 14px; 
    font-weight: bold;
	margin: 0px; 
	padding: 0px;
	color:#999999;
}
 
div.feeditem h3{ 
    font-size: 14px; 
	margin: 0; 
	color: #327fb3; 
}

div.feeditem h3:hover{ 
	color: #999999; 
}

a:link,  a:visited { margin:0px; padding:0px;  text-decoration: none;}
a:active,   a:hover { margin:0px; padding:0px;  text-decoration: none;}

#subscribe_btn {
	width:130px;
	height: 54px;
	padding: 0px;
	position: absolute;
	left: 14px;
	background-position: 0px 0px;
	background-image:url(../images/subscribe_btn.png);
	/*border: 1px solid #000;*/
}

#subscribe_btn:hover {
	background-position: 0px -54px;
	cursor:pointer;
}

#send_to_friend_btn {
	width:130px;
	height: 54px;
	padding: 0px;
	position: absolute;
	left: 160px;
	background-position: 0px 0px;
	background-image:url(../images/friend_btn.png);
	/*border: 1px solid #000;*/
}

#send_to_friend_btn:hover {
	background-position: 0px -54px;
	cursor:pointer;
}

.feeditem h3 a:link.newslinks, .feeditem h3 a:visited.newslinks{ 
margin:0px; padding:0px; color: #327fb3;  text-decoration: none;
}

.feeditem h3 a:active.newslinks, .feeditem h3 a:hover.newslinks{ 
 margin:0px; padding:0px; color: #999999;  text-decoration: none;
}

a:link.newslinks,  a:visited.newslinks { margin:0px; padding:0px; color: #327fb3;  text-decoration: none;}
a:active.newslinks,   a:hover.newslinks { margin:0px; padding:0px; color: #999999;  text-decoration: none;}