/* ---- fundamentals ---- */
a {
    color: #3c9aeb;
}

    body {
      min-width: 800px;
      background-color:#BFCDD8;
      margin:0;
      padding:0;
      color:#000;
      font-family: arial,verdana;
/*      font:x-small/1.5em Georgia,Serif;*/
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:small;}
      
	
	.clearfix {display: inline-block;}
	
	.clearfix_after{ 
	    content: "."; 
	    display: block; 
	    height: 0px; 
	    clear: both; 
	    visibility: hidden;
	}
	
	
	/* Hides from IE-mac */
	* html .clearfix{height:1%;display:none}
	.clearfix{display:block;}
	/* End hide from IE-mac */      
      
/* ---- menu / header ---- */

  #headbg { background:#a6bed2 url("../images/portal/header_bg_light.jpg") bottom repeat-x; height: 130px; margin: 0px; padding: 0px; } 

  #headwrap { width: 800px; top: 0px;
    	position:absolute;
	left:50%;
	margin: 0px 0px 0px -400px;
	padding: 0px;
	
  } 
  
  #headwrap_minimal {
   width: 320px; 
   top: 0px;
   	position:absolute;
	left:50%;
	margin: 0px 0px 0px -200px;
	padding: 0px;
	
  } 
  

  #header {
    position: absolute;
    z-index: 1;
    float:left;
    width:100%;
    background:#a6bed2 url("../images/portal/header_bg_light.jpg") bottom repeat-x;
    top: 103px;
    line-height:normal;
    height: 27px;
    }
  #header ul {
    margin:0;
    padding:2px 10px 0px 20px;    
    list-style:none;
    }
  #header li {
    float:left;
    background:url("../images/portal/light_tab_right.gif")
    no-repeat left top;    
    margin: 0 0 0 4px;
    padding:0 0 0 4px;
   
    }    
 #header a, #header strong, #header span {
    float:left;  
    display:block;
    background:url("../images/portal/light_tab_right.gif")
    no-repeat right top;
    padding:5px 15px 4px 6px;
    font-family: arial,verdana;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    }    
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #header a {float:none;}
  /* End IE5-Mac hack */    
  #header a:hover {
      color: #ee6;
  }  
  #header #current {
    background-image:url("../images/portal/light_tab_right_on.gif");
    }
  #header #current a {
    background-image:url("../images/portal/light_tab_right_on.gif");
    padding-bottom:4px;
    color: black;
    background-color: inherit;
    }    
  #header #current a:hover { color: #669; }
    

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

 #headerfront {
    position: absolute;
    z-index: 1;
    float:left;
    width:100%;
    background:#a6bed2 url("../images/portal/header_bg_light.jpg") bottom repeat-x;
    top: 104px;
    line-height:normal;
    height: 27px;
    }
  #headerfront ul {
    margin:0;
    padding:5px 10px 0px 20px;    
    list-style:none;
    }
  #headerfront li {
    float:left;
    background:url("../images/portal/light_tab_right.gif")
    no-repeat left top;    
    margin: 0 0 0 4px;
    padding:0 0 0 4px;
    }    
 #headerfront a, #headerfront strong, #headerfront span {
    float:left;  
    display:block;
    background:url("../images/portal/light_tab_right.gif")
    no-repeat right top;
    padding:3px 15px 4px 6px;
    font-family: arial,verdana;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    }    
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #headerfront a {float:none;}
  /* End IE5-Mac hack */    
  #headerfront a:hover {
      color: #ee6;
  }  
  #headerfront #current {
    background-image:url("../images/portal/light_tab_right.gif");
    color: #EEEE66;
    }
  #headerfront #current a {
    background-image:url("../images/portal/light_tab_right.gif");
    padding-bottom:4px;
    color: #EEEE66;
    background-color: inherit;
    }    
  #headerfront #current a :hover { color: #669; }

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


/* ---- logo & search ---- */

  div#logo {
  	height: 103px;
/*  background-image:url("../images/portal/mywebpost_logo_final.jpg");
    background-repeat: no-repeat; */
    margin-left: 34px;
  }
/*** BOF MainHead CSS (made Logo as a link) ***/  
  #selMainHead{overflow:auto;}
  *html #selMainHead{height:1%;}
  	#selMainHead div.clsMHlhs{
	  padding-left:2.6em;
	  float:left;
	} 
	#selMainHead div.clsMHrhs{
	  width:450px;
	  float:right;
	  padding:0px;
	}
		#selMainHead div.clsMHrhs div#search{
		 padding-top:0em;
		 margin:0.6em 0 0 0;
		 }
/*** EOF MainHead CSS (made Logo as a link) ***/  

  div#headframe { }
  
  div#headmsg { font-family: arial, verdana;
  	font-size: 11px;
  	font-weight: bold;
  	color: black;
  	text-align: right;
  	padding-top: 28px;
  	padding-right: 34px; }
  div#headmsg a, div#headmsg span.clsGuest { color: black; text-transform: capitalize; }
  div#headmsg a:hover { text-decoration: none; }
  div#search { 
  	text-align: right;
  	padding-top: 20px;
  	padding-right: 28px;
  	margin-top: -12px;
  }
  div#search form { padding: 0px; margin: 0px; }
  #searchinput { 
  	margin: 0px 10px 0px 0px;
  	width: 252px; 
  	font-weight: normal;
  	color: black;
  	background-color: white;
	vertical-align: middle;
	font-size: 15px;
	font-family: arial,verdana;
	padding: 2px 2px;  
	margin-top: 0px;
	margin-bottom: 20px;
  }
  #searchbutton { margin: 0px; padding: 0px; }
  #logotext { display: none; }

/* ---- content ---- */

  div#contentwrap { width: 100%; }

  div#content {
	width: 100%;
	background-image:url("../images/portal/content_bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	border-width: 0px;
	background-color: #f4f4f4;
  }
  
  div#pagehead {
    color: #c30;
  	font-family: arial, verdana;
  	font-size: 22px;
  	font-weight: bold;
  	text-transform: uppercase;
  	height: 49px;
  	padding-top: 22px;
  	padding-left: 22px;
  	margin: 0px;
  }
	div#pagehead span.clsLp{font-size:26px; text-transform:none;}
	div.clsEmptyHead{height:29px;}
 

  div#contentdata { width: 800px; text-align: left;}

 div#contenthead { 
    width: 850px; 
/*    height: 79px;  */
/*  	background-image:url("../images/portal/content_head.gif");*/

  	background-repeat: no-repeat;
  	background-position: 32px 0px;
  	
   	color: #c30;
  	font-family: arial, verdana;
  	font-size: 22px;
  	font-weight: bold;
  	padding-top: 30px;
  	padding-left: 30px;
  	margin: 0px;
  	
  }
  
  div#contenthead_subtitle {
	font-family: arial,verdana;
  	font-size: 20px;
  	margin-top: 0px;
  	padding-top: 0px;
  	padding-left: 50px;
   	color: #c30;
   	padding-bottom: 20px;
  
  }
  
  div#contentend { width: 100%; 
  	height: 9px;
  	background:url("../images/portal/light_shadow_bg.gif") repeat-x;
  	background-position: left bottom;
  	text-align: left;
  	margin-top: 16px;
  	
  }
  
  div#contentendshadow { background:url("../images/portal/light_shadow_left.gif") no-repeat bottom;
  	width: 20px; height: 9px;}  
  
/* ---- sidebar ---- */

  div#sidebar {
    width: 250px;
  	margin-left: 16px;
  	padding: 0px;
  	float: left;
  }
  div#sidewords {
  	font-size: 12px;
  	font-weight: normal;
  	color: black;
  	background-color: inherit;
  	margin-left: 14px;
  }
  /* div#sidegroups { background: url("../images/portal/groups_bg_top.jpg");
  	width: 265px;
  	margin-left: 14px;
  	
  } */
  
  /* div.sidenews { margin: 20px 0px; } */

  div.sidenewstitle { font-size: 16px;font-weight: bold; font-family: arial, verdana; 
  	color: #193048; 
  	margin-left: 14px;
  	text-transform: uppercase;
  }
  div.sidenewsname { font-size: 12px;font-weight: bold; font-family: arial, verdana; 
  	color: #000; 
  	margin: 6px 0px 0px 14px;
  	text-transform: uppercase;
  	line-height: 14px;
  }
  div.sidenewsdate { font-size: 12px;font-weight: bold; font-family: arial, verdana; 
  	color: #000; 
  	margin: 6px 0px 6px 14px;
  }
  div.sidenewstext { 
    font-size: 12px; font-family: arial, verdana; 
  	color: #000; 
  	margin: 0px 0px 2px 17px;
  	padding: 0px;
  	line-height: 14px;
  }
  div.sidenewstext a { color: #3c9aeb; }
  div.sidenewstext a:hover { color: #3c9aeb; text-decoration: none; }  
  hr.sidenewsseparator { margin: 10px 0px; padding: 0px; height: 1px; border-width: 0px; color: #fff; background-color: #fff; width: 100%; }
  
  div#installwebpost { width: 252px; height: 120px; padding: 16px 0px; margin: 0px; }
  div#installwebpost img { border: 0px; padding: 0px; }
  * html ul li.installer{float:left;}
  * html ul li.clearfloating{content: ".";display:block;height: 0px;clear:both;visibility: hidden;padding:0px;margin:0px;}
  * html ul li.browsertxt{float:left;}
  /* @ToDo: fixing the width of the Channel-banner in the My Subscriptions list. */
  /*  .subscriptionimg{border:red 2px solid; width:22px;} */
  
  div.sidegroups {
  	background-color: #fff;
  	font-family: arial, verdana;
  	font-size: 12px;
  	font-weight: bold;
  	background:url("../images/portal/left_groups_bg.gif") repeat-y;
  	background-position: bottom right;
  	width: 258px;
  	/* margin: 10px 0px; */
  	margin: 0px 0px 20px 0px;
  }

  div.sidegroups-right {
  	background-color: #fff;
  	font-family: arial, verdana;
  	font-size: 12px;
  	font-weight: bold;
  	width: 258px;
  	/* margin: 10px 0px; */
  	/* margin: 0px 0px 20px 0px; */
  }

  .sidegroup-separator {
  	width: 258px;
  	height: 10px;
  }

  div.sidegroups a { 
  	color: #3c9aeb; 
  	margin: 2px 4px;
  	padding-left: 2px;
  }
  div.sidegroups a:hover { color: #3c9aeb; text-decoration: none; }  

  div.sidegroups-right a { 
  	color: #3c9aeb; 
  	margin: 2px 4px;
  	padding-left: 2px;
  }
  div.sidegroups-right a:hover { color: #3c9aeb; text-decoration: none; }  

  div.sidegroupstitle {
    	color: #c30;
  	font-family: arial, verdana;
  	font-size: 16px;
  	font-weight: bold;
  	text-transform: uppercase;
  	background:url("../images/portal/left_groups_top.gif") no-repeat; 
  	background-position: top left;
  	margin: 0px;
  	padding: 0px;
  }
  
  div.sidegroupstitletext {
  	margin-left: 12px;
  	padding: 8px 0px;
	background:url("../images/portal/left_groups_div.gif") no-repeat bottom;
  	background-position: bottom left;  	
  }  
  
  div.sidegroupslist ul {
  	padding: 0px;
  	margin: 0px;
  	margin-top: 2px;
  	margin-left : 10px;
  	list-style-type: none;
  }
  
  div.sidegroupslist-right ul {
  	padding: 0px;
  	margin: 0px;
  	margin-top: 2px;
  	list-style-type: none;
  }

  div.sidegroupslist li {  
  	padding-top: 3px;
  	padding-bottom: 4px;
  	padding-left: 0px;
  	background:url("../images/portal/left_groups_div.gif") no-repeat bottom;
  	background-position: bottom left;
	/* margin-left: 12px; */
	list-style-position: inside;
  }
  
  div.sidegroupslist-right li {  
  	padding-top: 3px;
  	padding-bottom: 4px;
  	padding-left: 0px;
  	background:url("../images/portal/left_groups_div.gif") no-repeat bottom;
  	background-position: bottom left;
	/* margin-left: 12px; */
	list-style-position: inside;
  }

  div.sidegroups li.unlock {
	list-style-image:url("../images/portal/left_groups_trans.gif");  
  }
  
  div.sidegroups li.lock {
	list-style-image:url("../images/portal/left_groups_lock.gif");  
  }

  div.sidegroups li.rss {
	list-style-image:url("../images/portal/left_groups_rss.gif");  
  }
  
  div.sidegroups li.noimage {
  }
  
  div.sidegroups li.navigation
  {
    list-style-image: url(../images/portal/left_groups_trans.gif);
  }
  
  div.sidegroups-right li.unlock {
	list-style-image:url("../images/portal/left_groups_trans.gif");  
  }
  
  div.sidegroups-right li.lock {
	list-style-image:url("../images/portal/left_groups_lock.gif");  
  }

  div.sidegroups-right li.rss {
	list-style-image:url("../images/portal/left_groups_rss.gif");  
  }
  
  div.sidegroups-right li.navigation
  {
    list-style-image: url(../images/portal/left_groups_trans.gif);
  }

  li.navigation a {
        color: rgb(102, 102, 102);
  }
  
  li.navigation a:hover {
        color: rgb(102, 102, 102);
  }
  
  div.sidegroupsfoot { 
  	margin: 0px;
  	text-align: right; 
  	padding-top: 4px;
  	padding-bottom: 8px;
  	padding-right: 16px;
  	background:url("../images/portal/left_groups_bottom.gif") no-repeat bottom;
  	background-position: bottom left;
  	
  }  
  
  
/* ---- right side content ----*/  

  div#rightside { margin-left: 280px; }
  div#rightside2 { margin-left: 10px; }

  div#rightcontenttop { 
  	float: none;
  	background:url("../images/portal/right_content_top.gif") no-repeat bottom;
  	background-position: top left;
  	width: 477px;
  	height: 37px;
  	padding-left: 0px; margin-left: 0px;
  	
  }
  div#rightcontenttop2 { 
  	float: none;
  	background:url("../images/portal/right_content_top2.gif") no-repeat top;
  	background-position: top left;
  	width: 750px;
        height: 19px;
  	padding-left: 0px; margin-left: 0px;
  	display: block;
  }

  div#rightcontentlayer {
   	float: none;
   	margin-left: 15px;
  	padding: 0px;
  	background:url("../images/portal/right_content_bg.gif") repeat-y;
  	width: 482px;
  	background-position: top left;
  }

  div#rightcontentlayer2 {
   	float: none;
   	margin-left: 15px;
  	padding: 0px;
  	background:url("../images/portal/right_content_bg2.gif") repeat-y;
  	width: 750px;
  	background-position: top left;
  }
  div#rightcontentlayer3 {
   	float: none;
   	margin-left: 15px;
        margin-up: 15px;
  	padding: 0px;
  	background:url("../images/portal/right_content_bg3.gif") repeat-y;
  	width: 735px;
        background-position: bottom left;	
  }

  div#rightcontenttitle {
  	padding-top: 8px;
  	padding-left: 8px;
  }
  
  div#rightcontenttitlesub {
  	padding-top: 8px;
  	padding-left: 8px;
  }
  
  span.contenttitletext {
   	color: #c30;
  	font-family: arial, verdana;
  	font-size: 16px;
  	font-weight: bold;
  	text-transform: uppercase;
  	background:url("../images/portal/right_content_vertical_div.gif") bottom no-repeat;
  	background-position: bottom right;
  	padding: 2px 8px;
  }
  
  span.contenttitlemenu {
  	padding-left: 6px;
  	color: #c30;
  	font-family: arial, verdana;
  	font-size: 12px;
  	font-weight: bold;
  }

  span.contenttitlemenu a { 
   	color: #3c9aeb;
  }

  span.contenttitlemenu a:hover { text-decoration: none; }
  
  span.contenttitlediv { 
  	color: #000; font-weight: bold; font-size: 12px; font-family: arial, verdana; padding: 0px 4px; 
  }

  div#rightcontenttext {
  	margin: 10px;
  	padding: 0px;
  }  
  
  
  div.rightcontentbottom { 
  	float: none;
  	background:url("../images/portal/right_content_bottom.gif") no-repeat bottom;
  	background-position: bottom left;
  	width: 477px;
  	height: 15px;
  	padding-left: 0px; margin-left: 0px;
  } 
  div.rightcontentbottom2 { 
  	float: none;
  	background:url("../images/portal/right_content_bottom2.gif") no-repeat bottom;
  	background-position: bottom left;
  	width: 750px;
  	height: 15px;
  	padding-left: 0px; margin-left: 0px;
  }
  
  div.rightcontentdiv {
  	background:url("../images/portal/right_content_horizontal_div.gif") no-repeat bottom;
  	width: 447px;
  	height: 1px;
  	padding: 0px;
  	margin: 2px 0px;
  	margin-left: 15px;	
  	border-width: 0px;
  }
  
  div.rightcontentdiv2 {
  	background:url("../images/portal/right_content_horizontal_div.gif") no-repeat bottom;
  	width: 750px;
  	height: 1px;
  	padding: 0px;
  	margin: 2px 0px;
  	margin-left: 15px;	
  	border-width: 0px;
  }
  
  div.nobackground {
  	background: none;
  }

  
  div.itemmore { 
  	text-align: right;
  	font-family: arial, verdana;
  	font-weight: bold;
  	font-size: 12px;
  	width: 455px;
  	line-height: 14px;
   }
  
  div.itemmore a { 
  	color: #3c9aeb;
  }
  div.itemmore a:hover { text-decoration: none; }
  
  hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }  
     
      
/* ---- group directory ---- */

  div.groupjoin img {
  	margin-top: 10px;
  	margin-left: 12px;
  	border: 0px;
  	width: 236px;
  	height: 90px;
  }
  
  span.grouptitletext {
  	border-width: 0px;
  	background: none;
  }
  
  div#groupsearch {
  	height: 80px;  
  	background:url("../images/portal/right_content_horizontal_div.gif") no-repeat;
  	background-position: top left;
  	margin-left: 14px;
  	margin-top: 10px;
  }
  
  div#groupsearch form {
  	padding: 0px;
  	padding-top: 10px;
  	margin-left: -8px;
  }
  
  div#groupsearch input.groupinput {
  	margin: 0px 10px 0px 0px;
  	width: 282px; 
  	font-weight: normal;
  	color: black;
  	background-color: white;
	vertical-align: middle;
	font-size: 15px;
	font-family: arial;
	padding: 2px 2px;  
	margin-top: 0px;
	margin-bottom: 20px;	
	margin-left: 20px;
  }
  
  div#groupsearch input.groupsubmit {
  	width: 70px;
  	height: 31px;
  	border: 0px;
  	margin-bottom: -2px;
  }
  
  div.rightcontentgroup {
  	margin-left: 16px;
  	margin-right: 27px;
  }
  
  div.rightgrouphead {
/*  	height: 170px; */
  }
  
  div.featuredgroups {
  	font-family: arial,verdana;
  	font-size: 12px;
  	font-weight: bold;
  }
  
  div.featuredgroups a,div.sidenews a { /*color: #3c9aeb;*/ }
  div.featuredgroups a:hover, div.sidenews a:hover { /*color: #3c9aeb; */ text-decoration: none; }  
  
  div.featuredgroups ul {
  	padding: 0px;
  	margin: 0px;
  	margin-top: 2px;
  	list-style-type: none;
  }
  
  div.featuredgroups li {  
/*  	display: float;*/
  	float: left;
  	width: 180px;
  	height: 50px;
  	padding-top: 3px;
  	padding-bottom: 4px;
  	padding-left: 0px;
	margin-left: 12px;
	list-style-position: outside;
	line-height: 14px;
  }

    div.test_padding {
  	width: 180px;
  	height: 50px;
	list-style-position: outside;
    
    }
  
  div.featuredgroups li.unlock {
	background:url("../images/portal/left_groups_trans.gif") no-repeat;  
	background-position: top left;
	padding-left: 20px;
  }
  
  div.featuredgroups li.lock {
	background:url("../images/portal/left_groups_lock.gif") no-repeat;  
	background-position: top left;
	padding-left: 20px;
  }

  div.featuredgroups li.rss {
	background:url("../images/portal/left_groups_rss.gif") no-repeat;  
	background-position: top left;
	padding-left: 20px;
  }
  
/* ---- group page ---- */



span.tags img {
    padding-top: 4px;   
    border: 0px;
}

span.stars {
	border-right: 1px solid black;
	padding-right: 8px;
}

span.stars img {
	width: 14px;
	height: 14px;
	border: 0px;
}

span.editoptions {
	border-right: 1px solid black;
	padding-right: 8px;
	padding-left: 8px;
}

span.editoptionsover {
	border: none;
}

div#leftjoin {
	width:255px;
	height:83px;
	border:0px;
	margin: 0px;
	padding: 0px;
	background:url("../images/portal/left_groups_gray_bg.gif") no-repeat center;
	background-position: bottom left;
	margin-top:2px;
	margin-bottom: 12px;
	font-family: arial, verdana;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

div#leftjoin img {
	border: 0px; padding:0em 0em 0em 5em;
}

div#leftjoin form {
	padding: 0px;
	margin: 0px;
}

div#leftjoin div.leftjoincontent {
	padding-top: 10px;
	padding-left: 10px;
}
	/*** align the Subscribe-button to center. Ref: #1083 ***/
	div#leftjoin div.leftjoincontent div.clsSubscribeBtn{margin:1.7em 0em 0em 0.4em;}
	
div#leftjoin div.leftjointext {
	height: 24px;
	padding-left:2.5em;
}

div#leftjoin div.graylock {
	background:url("../images/portal/left_groups_gray_lock.gif") no-repeat;
	background-position: bottom left;
	padding-left: 24px;
}

/* ---- pager ---- */

div#pager {
	text-align: center;
	font-size: 12px;
	font-family: arial, verdana;
	font-weight: bold;
	color: #b4ada5;
}

div#pager a {
	    	color: #3c9aeb;
	    	text-decoration: none;
}

div#pager span {
	padding: 0px 8px;
}

div#pager span.pager_act {
	color: #c30;
}

div#pager span.pager_avail {
	border: 1px solid #dedddb;
}

div#pager span.pager_availbig {
	border: 2px solid #dedddb;
}
  
/* ---- footer ---- */
  
  div#footer { background-color: #f4f4f4; height: 80px;
        padding-top: 16px;  
  	text-align: center;
  	font-weight: bold;
  	font-family: arial, verdana;
  	font-size: 12px;
  	color: #939393; }
  div#footer a { padding: 4px 6px;
  	color: #939393;
  }
  
  div#footer a:hover { text-decoration: none; }

/* --- brand icon */

 img.brandicon {
    border : 0px;
 }  


/*
 * [segabor] - temporary solution for general form look
 * Design stolen from popup.css
 */
 
.leftfield {
  	font-family: arial, verdana;
  	font-size: 12px;
  	font-weight: bold;
  	width: 12em;
  	height: 32px;
  	text-align: right;
  	padding-right: 4px;
  	white-space: nowrap;
}

.rightfield {
  	font-family: arial, verdana;
  	font-size: 12px;
  	font-weight: bolder;
  	height: 32px;
}

.rightfield a {
  	padding: 0px 4px;
  	color: #339af2;
  	font-family: arial, verdana;
  	font-size: 12px;
  	font-weight: bold;
  	text-decoration: underline;
}

.rightfield a:hover { text-decoration: none; }

.rightfield select { font-weight: normal; }


/** in terms of use */ 

span.subtitle {
   font-weight: bolder;
}


div.flashMessage {
   font-size: 18px;
   line-height: 24px;
   background: #339af2;
   color: white;
   padding: 8px;
   margin: 8px;
   text-align: center;
}


textarea.demo_code {
    border: 0px dotted gray; 
    /** Dont pad at bottom so that the scrollbar is seen well below the textarea. Ref: #1184-comment:8 **/
	padding: 5px 3px 0px 3px; 
    background-color: #eee; 
    font-weight: normal; 
    font-size: 8.6pt; 
    width: 90%; 
    height: 8em;
	/** Hide the scrollbar for IE as it wraps the url very well. **/
    overflow:inherit !important;
	overflow:hidden;
}


/* add_blogs widget */

span.white_panel_explanation {
    font-weight: normal;

}

/* put a small margin around the avatar image */
div.itemtext img {
  margin : 0px 4px 0px 0px;
}

/*  Feed Profile box alignment  */
#selFeedProfile{
font-weight:normal;
margin:0em 0.5em 0em 0em;
padding:0px;
width:240px;
}
	div#selFeedProfile p{overflow:hidden; width:100%; padding:0px 0px 0px 2px;}
	div#selFeedProfile p.clsProfileDesc{width:228px;}
	/* FIXME: Give appropriate padding:0px 0px 0px 2px; if necessary. For now it's center-aligned. Ref: #1205-comment:8 */
	div#selFeedProfile div.clsFeedBanner{width:228px;}
 
.clsBtnUpdateSearch{
background:url('../images/buttons/update_search.gif') no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/buttons/update_search.gif', sizingMethod='scale');
width:200px !important;
height:40px !important;
border:none;
cursor:pointer;	
}


/** Used while displaying the Landing Pages **/
.clsRightContents{
margin:0 0 0 1em !important;
margin:0 0 0 2em;
padding:0em;
}

p.white_panel_explanation{
font-weight:normal; margin:0 0.5em 0 0; padding:0 0 1em 0;
}

/** Channel page's About-Me content will follow this style  **/
.clsProfileInfo dd {font-weight:normal;}

/** Used by application.js::disable_it() **/
.clsDisableIt{ 
background-image: url("../images/overlay-shadow.png");
color:#FF0000;
}
	.clsDisableIt div{ border: #000066 2px solid; background-color:#0066CC; }
		.clsDisableIt div img{ border:none; margin:5px 0px 0px 7px; }
		.clsDisableIt div p{
		 margin:0px 0px 0px 30px;
		 color:#0000CC;
		 width:120px;
		 font-weight:bold;
		 font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-size:12px;
		 padding:0px 0px 5px 0px;
		}
* html .clsDisableIt{
background-color: #333;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay-shadow.png", sizingMethod="scale");
}

/*** Direct PNG-Image submit-buttons has a grey box around them in IE; the following png-fix resolves them. Ref: #1209 ***/
.clsBtnAdd{
background:url(../images/buttons/add.png) no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/buttons/add.png', sizingMethod='scale');
width:48px !important;
height:31px !important;
vertical-align:middle;
margin-bottom:3px !important;
margin-bottom:7px;
border:none;
cursor:pointer;
}

.clsBtnInstall{
background:url('../images/download.png') no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/download.png', sizingMethod='scale');
width:239px !important;
height:114px !important;
border:none;
cursor:pointer;	
}

.clsBtnUpdate{
background:url('../images/buttons/update.png') no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/buttons/update.png', sizingMethod='scale');
width:90px !important;
height:31px !important;
border:none;
cursor:pointer;	
}

.clsBtnRemoveSelected{
background:url('../images/buttons/remove_selected.png') no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/buttons/remove_selected.png', sizingMethod='scale');
width:150px !important;
height:31px !important;
border:none;
cursor:pointer;
}

.clsBtnSubmit{
background:url('../images/buttons/submit.png') no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/buttons/submit.png', sizingMethod='scale');
width:90px !important;
height:31px !important;
border:none;
cursor:pointer;
}

.clsBtnCreate{
background:url('../images/buttons/create.png') no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/buttons/create.png', sizingMethod='scale');
width:90px !important;
height:31px !important;
border:none;
cursor:pointer;	
}

.clsBtnSend{
background:url('../images/buttons/send.png') no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/buttons/send.png', sizingMethod='scale');
width:90px !important;
height:31px !important;
border:none;
cursor:pointer;	
}