/**************************************************************************
 *                                                                        *
 *    SePortal - The Weblog System                                        *
 *    ----------------------------------------------------------------    *
 *                                                                        *
 *             File: style.css                                            *
 *        Copyright: (C) 2007 SePortal                                    *
 *            Email: admin@seportal.org                                   *
 *              Web: http://www.seportal.org                              *
 *    Scriptversion: 2.5                                                  *
 *                                                                        *
 *************************************************************************/
html { overflow-x: auto }
BODY { 
  font-family: Verdana, Tahoma, Arial, sans-serif; 
  font-size: 11px; color: #f7f8f9; 
  margin: 0px; padding: 0px; 
  background-color: #071e24; 
  text-align: center;
  SCROLLBAR-BASE-COLOR: #33525b;
  SCROLLBAR-ARROW-COLOR: #f7f8f9;
 }

table, tr, td, ul, li, p { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; }

table{border-collapse:collapse; border:0;}

td{border:none; padding:0; vertical-align:top;}

input,select,textarea{font-family:Tahoma;font-size:11px;color:#444444; vertical-align:middle; font-weight:normal; background:#FFFFFF; text-align:right;}

.checkbox, .radio, .radiobutton { margin:0px 5px 0px 0px;vertical-align:middle;background:none;border:none;width:14px }
 
.forminput, .textinput { 
   font-family: verdana, helvetica, sans-serif; 
   vertical-align: middle;
   border:solid 1px #bbb;
   font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
   color: #00000;
   font-size: 11px;
}

.upload_area { border: 1px solid #AAA; }

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
}


a:link, a:visited, a:active { text-decoration: underline; color: #41d9ff }
a:hover { color: #41d9ff; text-decoration: none }

.pstrip { background-color: #c1e1df; color: #1b5958; font-weight: bold; padding: 7px; margin-top: 1px }

.block { background-color:#689926; }


.featureblock { padding:5px;background-color:#071e24; }

.empty_rightblock { padding-right:5px; }


.title { color:#fff;font-size:16px;font-weight:bold; }

.clickstream { 
  color:#fff;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.clickstream_area { 
  background-color:#0E1517;
  color:#fff;
  line-height:25px;
  padding: 5px 5px 5px 15px;
}

.smalltext { font-size:10px;font-weight:normal; }

.marktext { color:#FF0000; }

.new { font-size:11px;color:#FF0000; }

#colortext { color:#278993; }

#colortext a:link, #colortext a:visited  { color: #278993;text-decoration: underline }

#colortext a:hover { color:#278993;text-decoration:none; }

#rowtext { color:#e55e01; }

#rowtext2 { color:#f9d300; }


.userboxtitle {
	background:#e6904d url('images/box1_02.gif');
    color: #FFF; 
	font-size: 11px;
	font-weight: bold; 
	margin: 0px;
	padding: 4px
}

.userboxbg {
   background:#e6904d url('images/box1_bg.gif');
   padding:3px 2px 0px 5px;
}

.boxtitle {
	background:#57841a url('images/box2_02.gif');
    color: #FFF; 
	font-size: 11px;
	font-weight: bold; 
	margin: 0px;
	padding: 4px
}

#boxtitle a:link, #boxtitle a:visited, #boxtitle a:active { color:#ffffff;text-decoration:none;}
#boxtitle a:hover { text-decoration:underline;}

.boxbg {
   background:#58841b url('images/box2_bg.gif');
   padding:3px 2px 0px 5px;
}

table#box, td#box, td#box a:link, td#box a:visited  {
	color: #ffffff;
}

.sm_table{ background-color:#288791;width:100%;padding:0px 0px 0px 0px;margin:0px;border:0px }

.sm_row1 { background-color: #0a545b } 

.sm_row2 { background-color: #1a6e77 }


#block_contheader { background-image: url('images/box_cont_09.gif');width:100%;height:20px;text-align:center;font-weight:bold;padding-top:4px }

#block_cont {
	background-color:transparent;
    color: #000; 
	font-size: 11px;
    width:170px;
}

#block_cont a:link, #block_cont a:active, #block_cont a:visited  {
	color: #000;
	font-size: 11px;
    text-decoration: underline
}

#block_cont a:hover  {
	color: #000;
	font-size: 11px;
    text-decoration: none
}

.tablefill { border:1px solid #114654;background-color:transparent;padding:6px; }

.tableseparator_inc {
  color: #ffffff; 
  font-weight: bold;
  background-color: #114654;
  padding:3px;
}

.tablerow  { background-color:transparent; }
.tablerow2 { background-color:transparent; }


.top_content {
	background:#0c3945 url('images/content_02.gif');
}

.content {
	background:#0c3945 url('images/content_02.gif');
    color: #FFF; 
	font-size: 11px;
	margin: 0px;
	padding: 5px
}

.contentheader {
	color: #FFF; 
	font-size: 14px;
	font-weight: bold; 
	margin: 0px;
	padding: 8px
}

#topmenu {
	background:#33525b url('images/menubg.gif');
    color: #FFF; 
	font-size: 11px;
    height: 30px; 
    width:100%;
	margin: 0px;
}

#topmenu a:link, #topmenu a:visited  {
	color: #ffffff;
	font-size: 12px;
    text-decoration: none
}

#topmenu a:hover { color: #41d9ff; text-decoration: none; }

#toparea {background-color:#000;border-bottom:1px solid #0d3f4c;padding-bottom:3px}

.menu_button {  color:#fff;padding:3px; }

.inputbox{width:125px; height:18px; border:solid 1px #9f5012;}

.inputbox2{background:none;}

.b1{width:7px; background:url('images/button_left2.gif') no-repeat left top;}

.b2{width:auto; background:url('images/button_center.gif') repeat-x left top; text-align:center; padding-top:2px; padding-left:5px;}

.b3{width:10px; background:url('images/button_right2.gif') no-repeat left top;}

.b1_or{width:7px; background:url('images/button_left_or.gif') no-repeat left top;}

.b2_or{width:auto; background:url('images/button_center_or.gif') repeat-x left top; text-align:center; padding-top:2px; padding-left:5px;}

.b3_or{width:10px; background:url('images/button_right_or.gif') no-repeat left top;}


/*
//input.buttonZ {cursor: pointer; color:#ffffff; font-weight:bold; font-size:11px; border:none; background:url('images/butt_back2.gif') repeat-x left top;  padding:2px 5px 4px 0; width:68px; text-align:center; }
*/

.button { 
  cursor:pointer;color:#ffffff;font-size:1.01em;text-align:center;
  border-left:3px double #9aba6e; border-right:3px double #9aba6e; border-top:3px double #c2e199; border-bottom:3px double #548612; 
  background:#6daf14 url('images/bg_form_element.gif') repeat-x; 
 }

input.button2 {cursor: pointer; color:#ffffff; font-weight:bold; font-size:1.01em; border:none; text-align:center; border:none; background:none; padding-bottom:5px; min-width:50px;}

input.button3 {cursor: pointer; color:#ffffff; font-weight:bold; font-size:11px; border:none; background:url('images/butt_back.gif') repeat-x left top;  padding:2px 5px 4px 0; width:68px; text-align:center; }

input.button2_or {cursor: pointer; color:#ffffff; font-weight:bold; font-size:1.01em; border:none; text-align:center; border:none; background:none; padding-bottom:5px; min-width:50px;}

.helpline { 
  width: 300px; 
  height: 30px; 
  overflow: hidden; 
  background-color: transparent; 
  border-style: none; 
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
  font-size : 10px; 
  color: #d7d7d7; 
} 

.maintitle,
.maintitlecollapse {
	color: #FFF; 
	font-size: 16px;
	font-weight: bold; 
	margin: 0px;
	padding: 3px
}

.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited { 
	background: transparent;
	color: #FFF;
	text-decoration: none; 
}

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active { 
	background: transparent;
	color: #F1F1F1;
}

#vis_row, row1 { background-color: #0a545b }  

.aq_row1 { background-color: #0a545b }  
.aq_row2 { background-color: #1a6e77 }
.row1 { background-color: transparent }
.row2 { background-color: transparent }
.row3 { background-color: #93c64b }
.row4 { background-color: #E4EAF2 }
.darkrow1 { background-color: #4d7516; color: #73a52d }
.darkrow2 { background-color: #BCD0ED; color: #3A4F6C }
.darkrow3 { background-color: #D1DCEB; color: #3A4F6C }
.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

td.aq_row1, td.aq_row2 {padding: 3px 3px 3px 10px;height:20px;vertical-align:middle} 

#img	    {border:1px solid #071e24; width:1px; background:#ffffff;}
td#img	    {padding:3px;}
div#img {padding:3px;}

.gallery_img {padding:3px;border:1px solid #071e24;}
div.gallery_img {padding:3px;width:1px; background:#ffffff;}

img.attach { border: 2px outset #EEF2F7; padding: 2px }

.searchlite { font-weight: bold; color: #F00; background-color: #FF0 }

#result_main {vertical-align:middle;padding:0px 0px 5px 0px}

.result_title {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.wrapmini    { float:right;line-height:1.5em;width:25% }

div.quotehead { 
   font-size: 11px; 
   color: black; 
   padding: 0px 24px 0px 24px ; 
} 
div.quoteblock { 
   border: 1px solid #5E6C80; 
   font-size: 10px; 
   padding: 8px 8px 8px 8px ; 
} 
div.codehead { 
   font-size: 11px; 
   color: black; 
   padding: 0px 24px 0px 24px ; 
} 
div.codeblock { 
   border: 1px solid #B2AAA3; 
   font-family: Courier, 'Courier New', sans-serif; 
   font-size: 11px; 
   padding: 8px 8px 8px 8px ; 
   background-color: #f7f8f9; 
   white-space: pre; 
} 


.quotetop{
	border-right:1px dotted #000; border-top:1px dotted #000; background:#E4EAF2 url('images/css_img_quote.gif') no-repeat right; border-bottom:0px none; border-left:4px solid #8394B2; color: #000;
	font-weight: bold;
	font-size: 10px;
	padding: 3px; margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:0
}

.quotemain{
	border-right:1px dotted #000; border-bottom:1px dotted #000; background:#FAFCFE; border-left:4px solid #8394B2; border-top:0px none; color: #465584;
	padding: 4px;
	margin: 0 auto;
}

.codetop,
.sqltop,
.htmltop{
	background: #FDDBCC url('images/css_img_code.gif') no-repeat right;
	color: #000;
	font-weight: bold;
	margin: 5 auto auto auto;
	padding: 8px
}

.codemain,
.sqlmain,
.htmlmain{
	background: #FAFCFE;
	border: 1px dotted #000;
	color: #465584;
	font-family: Courier, Courier New, Verdana, Arial;
	margin: 0 auto 0 auto;
	padding: 7px;
}


.unreg { font-size: 11px; font-weight: bold; color: #900 }


#bottom {color:#4b858c; }

#bottom a:link, 
#bottom a:active,
#bottom a:visited { 
	text-decoration: underline; 
}

#bottom a:hover { color: #41d9ff;text-decoration: none;}

hr { height:1px;color: #1a6e77; }
.hrdot { border:dotted 1px #fff; }


.prod_line_x					{background:url(images/line_x.gif) 0px center repeat-x;}
.prod_line_y					{background:url(images/line_y.gif) center 0px repeat-y;}

.padd_gg img					{height:4px;}
.padd_vv img					{width:4px;}

.cart_line_x				{background:url(images/line_x.gif) 0px center repeat-x;}
.cart_line_y				{background:url(images/line_yy.gif) center 0px repeat-y;}

.padd2_gg img				{height:1px;}
.padd2_vv img				{width:5px;}

.padd3_vv img				{width:1px;}


/* 
 * ========================================
 * styles for pagination links 
 * ========================================
 */
 

.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast{
	background: #1a6e77;
	border: 1px solid #36959f;
	padding: 1px 3px 1px 3px;
    height:1px;
}

.pagelinklast,
.minipagelinklast{
	background: #DFE6EF;
}


.pagecurrent{
	background: #e55e01;
}

.minipagelink,
.minipagelinklast{
	border: 1px solid #C2CFDF;
	font-size: 10px;
	margin: 0 1px 0 0;
}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link{
	text-decoration: none;
}

.signature{  
	background: transparent;
	color: #d7d7d7; 
	font-size: 10px;
	line-height: 150%;
}


.article_separator {background:url('images/article_separator.gif') repeat-x 0 50%; line-height:15px; width:100%; display:block}
.date_separator {line-height:8px; display:block}


.pp_dateformat {
 font-family: Arial; 
    color:#278993;
	text-align: center;
	padding: 4px;
	margin: 0px;
	font-size:2.27em;
	font-weight:normal;
	line-height: 100%;
	letter-spacing: -1px;
	float:right;
	width: auto;
}

.pp_dateformat em {
	color: #278993;
	font-weight: normal;
	font-style: normal;
	font-size:11px;
}


.postdate{ float:right;width:48px; height:54px; background:url('images/secalendar.gif') no-repeat left top;}
.year{ font-size:13px;float:right; clear:both; text-align:center; color:#FFFFFF; font-weight:bold; width:47px; margin-top:2px; margin-bottom:2px;}
.month, .day{ font-size:13px;float:right; clear:both; color:#000000; width:47px; text-align:center;}


#calendarname { font-size: 22px; font-weight: bold }

.minicalpad { background-color: #071e24; color: #f7f8f9; }
.pformstrip { background-color: #8fc24b; color: #071e24; font-weight: bold; padding: 6px; margin-top: 1px }
.subtitle { background:#71b515;font-weight:bold;padding:3px; }

.pformleft { padding: 6px; margin-top: 1px; width: 25%; }
.pformright { padding: 6px; margin-top: 1px; }
.pformleftw { padding: 6px; margin-top: 1px; width: 40%; }
.pformleftp { padding: 6px; margin-top: 1px; width: 25%; }


.caldate { text-align: right; font-weight: bold; font-size: 14px; color: #fff; background-color: #7eb432; padding: 4px; margin: 0px }
.caldate2 { text-align: right; font-weight: normal; font-size: 11px; color: #24360b; background-color: #7eb432; padding: 2px; margin: 0px }
.linksbar { background-color: transparent; padding: 4px; font-size: 10px; }

#calendar a:link, #calendar a:visited  {
	color: #ffffff;
}

.calevent_header { background-color: transparent;font-size:12px;color: #fff; font-weight: bold; padding: 6px; margin-top: 1px }


.celldates {
	background: #7eb432;
}


.calday,
.calweekday{ 
	background: #93c64b;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 4px;
	text-align: right;
}

.calweekday a:link, calweekday a:visited  {
	color: #ffffff;
}

td.nopad { 
	padding: 0;
}

td.nopad,row2 { 
	background: #93c64b;
}

td.nopad a:link, td.nopad a:visited  {
	color: #ffffff;
}


.calweekday {
	border-right: 1px solid #457601;
	color: #fff;
	font-size: 14px;
	padding: 6px;
	text-align: center;
}

calweekday, row2 {   
	background: #1a6e77;
}

.weekday {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}


.celltoday {
  border: 2px solid #8B0000
}

.calitem {
	border-bottom: 1px dotted #d5f8a3;
	padding:4px;
}


.bar {
	background: #4d7516;
	border: 1px solid #d7fca2;
}

.bar p {
	background: ;
	border: 0px none;
	color: #222;
	font-size: 11px;
	margin: 0;
	padding: 5px;
	text-align: right
}

.bar p.over {
	float: right;
}

.bar p.over a:link, bar p.over a:visited  {
	color: #ffffff;
}

.bar p.overs {
	position: relative;
	top: 5px;
}

/*--Comments--------------------------------------------------*/
.commmenttitle {
	font-size: 11px;
	font-weight: bold; 
	margin: 0px;
	padding: 4px
}

.commentrow1 {
  background-color: #0c3945;
  padding:5px;
}

.commentrow2 {
  background-color: #0c3945;
  padding:5px;
}

.commentspacerrow {
  background-color: #247c98;
}

.commenttextarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #00000;
  font-size: 11px;
  width: 270px;
}

.commentinput {
  height:20px;
  border:solid 1px #bbb;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #00000;
  font-size: 11px;
  width: 270px;
}


.sp_noblocks {
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}


.postcard_row { border:solid 1px #0c3945;width:18px;height:18px}

.cat_tb {border: none}

.cformstrip { background-color:transparent;color:#278993;font-weight:bold;padding:7px;margin-top:1px }

.down_row {vertical-align:middle;padding:3px;}

.down_button {
  background:#1a6e77;
  font-weight: bold; 
  padding:4px;
  border:1px solid #5176B5;
}


/*-- fieldset/legend --------------------------------------------------*/
legend {
  margin-bottom: 5px;
  margin-left: -2px;
  vertical-align: middle;
  color: #b2e212;
 }

fieldset > legend {
  margin-left: -2px;
}

legend .checkbox,
legend .radiobox,
.formFields .checkbox,
.formFields .radiobox {
  margin-right: 3px;
}

fieldset {
 margin: 0px 0;
 padding: 3px;
 border:1px solid #1a6e77  
}

fieldset.search { padding: 6px; line-height: 150% }
label { cursor: pointer }
form { display: inline }

.poll_never       { color:#ffff00 }
.poll_expired     { color:#FF6600 }
.poll_expire_days { color:#ec008c }


.singletext {
  color: #ffffff;
  font-weight: bold; 
  text-align: center;
}

/*-- Ajax Tab Menu --------------------------------------------------*/
.shadetabs {
   padding: 3px 0;
   margin-left: 0;
   margin-top: 1px;
   margin-bottom: 0;
   color: #fff;
   text-decoration: none;
   list-style-type: none;
   text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li {
   color: #fff;
   text-decoration: none;
   display: inline;
   margin: 0;
}

.shadetabs li a {
   text-decoration: none;
   padding: 3px 7px;
   margin-right: 3px;
   border: 1px solid #607d84;
   color: #fff;
   background: #347586 url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited {
   text-decoration: none;
   color: #fff;
}

.shadetabs li a:hover {
   text-decoration: none;
   color: #fff;
}

.shadetabs li.selected {
   color: #fff;
   position: relative;
   top: 1px;
   text-decoration: none;
}

.shadetabs li.selected a { /*selected main tab style */
   color: #fff;
   background-image: url(images/shadeactive.gif);
   border-bottom-color: #347586;
   text-decoration: none;
}

.shadetabs li.selected a:hover { /*selected main tab style */
   color: #fff;
   text-decoration: none;
}

.contentstyle {
    border: 1px solid #607d84;
    width: 100%;
    margin-bottom: 1em; padding: 10px;
	background-color: #347586;
}

.shadetabs li.addcom { 
   color: #fff;
   top: 1px;
   padding: 3px 7px;
   margin-right: 3px;
   border: 1px solid #778;
   border-bottom-color: #347586;
   background-image: url(images/shadeactive.gif);
}


.pp_datebox {
	text-align: center;
	background: #1a6e77;
	border: 1px solid #607d84;
	padding: 4px;
	margin: 0px;
	font-size:18px;
	font-weight:bold;
	line-height: 100%;
	letter-spacing: -1px;
	float:right;
	width: auto;
}

.pp_datebox em {
	color: #AAA;
	font-weight: normal;
	font-style: normal;
}


.pp_contentbox_entry {
	background-color: #224852;
	border: 1px solid #607d84;
	line-height: 140%;
	padding: 8px;
	margin-bottom: 6px;
	height: 200px;
	overflow: auto;
	overflow-x: auto;
}



.pp_loading {
    color: #000;
    font-weight:bold;
    background-color: #d7f6ff;
	border: 1px solid #607d84;
	width: 50%;
	padding: 8px;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 40px;
	overflow: auto;
	overflow-x: auto;
}

.pp_image_thumb_wrap {
	text-align: center;
	padding: 4px;
	margin-top: auto;
	margin-bottom: auto;
	height: 180px;
}

.pp_text { background-color:#81adc6;color:#071e24;padding:2px; }

.pp_row { padding-bottom:3px; }

.pp-name { 
    width: 100%;
	margin: 0px;
	padding: 10px;
}

.pp_header { 
    background: #81adc6 url(images/pp_box_02.gif) top left repeat-x;
	color: #071e24; 
	font-size: 10px;
	font-weight: bold; 
	padding: 5px; 
}



/*-- PM --------------------------------------------------*/ 
.msg0 { 
  padding: 8px; 
  background-color: #FFCECE; 
  color: #2F6B9D; 
} 
.msg1 { 
  padding: 8px; 
  background-color: #CEFFDD; 
  color: #2F6B9D; 
} 

.msg_good { 
  background-color: transparent; 
  font-weight: bold; 
  padding: 3px 3px 3px 3px ; 
  margin: 3px 0px 3px 0px ; 
} 

.msg_error { 
  padding: 8px; 
  background-color: transparent; 
  font-weight: bold; 
} 

.msg_plain { 
  background-color: transparent; 
  font-weight: bold; 
  padding: 3px 3px 3px 3px ; 
  margin: 3px 0px 3px 0px ; 
} 


.helpline { 
  width: 300px; 
  height: 30px; 
  overflow: hidden; 
  background-color: transparent; 
  border-style: none; 
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
  font-size : 10px; 
  color: #666666; 
} 