/**************************************************************************
 *                                                                        *
 *    SePortal - The Weblog System                                        *
 *    ----------------------------------------------------------------    *
 *                                                                        *
 *             File: style.css                                            *
 *        Copyright: (C) 2007 SePortal                                    *
 *            Email: admin@seportal.org                                   *
 *              Web: http://www.seportal.org                              *
 *    Scriptversion: 2.4                                                  *
 *                                                                        *
 *************************************************************************/
html { overflow-x: auto }
BODY { 
  font-family: Verdana, Tahoma, Arial, sans-serif; 
  font-size: 11px; color: #000; 
  margin: 0px; padding: 0px; 
  background-color: #FFF; 
  text-align: center;
	scrollbar-3d-light-color : #DB3C40;
	scrollbar-arrow-color : #FFFFFF;
	scrollbar-base-color : #DB3C40;
	scrollbar-dark-shadow-color : #000000;
	scrollbar-face-color : #DB3C40;
	scrollbar-highlight-color : #eeeeee;
	scrollbar-shadow-color : #000000;
	scrollbar-track-color : #FFFFFF;
 }

table, tr, td, ul, li, p { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; }

a:link, a:visited, a:active { text-decoration: none; color: #000000 }
a:hover { color: #465584; text-decoration: underline }

.pstrip { background-color: #c1e1df; color: #1b5958; font-weight: bold; padding: 7px; margin-top: 1px }

.block { 
   background-color: #FFFFFF;
 }

.featureblock {
  padding:2px;
  background-color: #f7f8f9;
  border:1px solid #606078;
}

.empty_rightblock { 
   padding-right:5px;
 }


.title {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
}

.clickstream {
  font-size: 11px;
}

.smalltext {
  FONT-SIZE: 10px;
  FONT-WEIGHT: normal;
}

.marktext {
  COLOR: #FF0000;
}

.new {
  font-size: 11px;
  color: #FF0000;
}

.maincat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

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

.cattitle {
	border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; background:#DB3C40; border-bottom:1px solid #5176B5; color:#ffe72d; 
	font-size: 14px;
	font-weight: bold; 
	padding: 4px
}


.celltoday {
  border: 2px solid #8B0000
}


.caldate { text-align: right; font-weight: bold; font-size: 14px; color: #777; background-color: #DFE6EF; padding: 4px; margin: 0px }
.caldate2 { text-align: right; font-weight: normal; font-size: 11px; color: #444; background-color: #DFE6EF; padding: 4px; margin: 0px }
.linksbar { background-color: #DFE6EF; padding: 4px; font-size: 10px; }


.row1 { background-color: #F5F9FD }
.row2 { background-color: #DFE6EF }
.row3 { background-color: #EEF2F7 }
.row4 { background-color: #E4EAF2 }
.darkrow1 { background-color: #C2CFDF; color: #4C77B6 }
.darkrow2 { background-color: #BCD0ED; color: #3A4F6C }
.darkrow3 { background-color: #D1DCEB; color: #3A4F6C }
.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.tablerow {
  BACKGROUND-COLOR: #F5F9FD;
}
.tablerow2 {
  BACKGROUND-COLOR: #DFE6EF;
}

.tableseparator_inc {
  COLOR: #FFFFFF;
  FONT-WEIGHT: bold;
  BACKGROUND-COLOR: #1A4A8C;
}

.tablefill { border: 1px solid #1A4A8C; background-color: transparent; padding: 6px }

#calendarname { font-size: 22px; font-weight: bold }


.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; 
} 


fieldset.search { padding: 6px; line-height: 150% }
label { cursor: pointer }
form { display: inline }


.clickstream {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  FONT-WEIGHT: bold;
}

input, select, textarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000;
  font-size: 11px;
}

.forminput, .textinput, .radiobutton, .checkbox { 
   font-size: 11px; font-family: verdana, helvetica, sans-serif; 
   vertical-align: middle 
}

.upload_area {
  border: 1px solid #AAA;
}

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
}

.dropdownmarker {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #EEEEEE;
  color: #000;
  font-size: 11px;
}

table.navbar {
   border-collapse: collapse;
}
table.navbar td {
   border: 1px solid #000000;
}
table.navbar td a{
   display: block;
   width: 100%;
   padding: 0px;
   text-decoration: none;
}
table.navbar td a:link, table.navbar td  a:visited {
   color: #FFFFFF;
   background-color: #DB3C40;
}
table.navbar td a:hover, table.navbar td a:active {
   color: #FFFFFF;
   background-color: #FF8000;
}

.button { 
  cursor:pointer;
  border-left:3px double #acb5b5; border-right:3px double #acb5b5; border-top:3px double #c4cccc; border-bottom:3px double #6f7777; 
  background:#fefefe url('images/bg_form_element.gif') repeat-x; 
 }


.pformstrip { background-color: #D1DCEB; color: #3A4F6C; font-weight: bold; padding: 7px; margin-top: 1px }
.pformleft { background-color: #F5F9FD; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #C2CFDF; border-right: 1px solid #C2CFDF }
.pformleftw { background-color: #F5F9FD; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #C2CFDF; border-right: 1px solid #C2CFDF }
.pformleftp { background-color: #eef5fb; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #C2CFDF; border-right: 1px solid #C2CFDF }
.pformright { background-color: #F5F9FD; padding: 6px; margin-top: 1px; border-top: 1px solid #C2CFDF }

.tablepad { background-color: #F5F9FD; color: #345487; font-weight: normal; padding: 7px; margin-top: 1px; }
.minicalpad { background-color: #F5F9FD; color: #345487;font-weight: normal; }

.subtitle{
	background:#FF8000;font-weight: bold;
}

.celldates {
	background: #E3DFE7;
}

.calday,
.calweekday{ 
	background: #DFE6EF;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 4px;
	text-align: right;
}

td.nopad { 
	padding: 0;
}

.calweekday {
	border-right: 1px solid #AAA;
	color: #222;
	font-size: 14px;
	padding: 6px;
	text-align: center;
}

.weekday {
	font-size: 14px;
	font-weight: bold;
}

.maintitle,
.maintitlecollapse {
	border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; background:#FF8000; border-bottom:1px solid #5176B5; color: #FFF; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0px;
	padding: 8px
}

.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;
}

.mintitle {
	border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; background:#FF8000; border-bottom:1px solid #DB3C40; color: #FFF; 
	font-size: 11px;
	font-weight: bold; 
	margin: 0px;
	padding: 4px
}

.mintitlecollapse {
	border-left:1px solid #072A66; border-right:1px solid #072A66; border-top:1px solid #FF0000; background:#1a4a8c; border-bottom:1px solid #5176B5; color: #FFF; 
	font-size: 11px;
	font-weight: bold; 
	margin: 0px;
	padding: 4px
}

.mintitle a:link, 
.mintitle a:visited,
.mintitlecollapse a:link, 
.mintitlecollapse a:visited { 
	background: transparent;
	color: #FFF;
	text-decoration: none; 
}

.mintitle a:hover, 
.mintitle a:active,
.mintitlecollapse a:hover, 
.mintitlecollapse a:active { 
	background: transparent;
	color: #F1F1F1;
	text-decoration: underline; 
}


.borderwrap { 
	width: 100%;
	background: #FFF;
	border: 1px solid #072A66;
	padding: 0px; 
	margin: 0px; 
}

.calmonths { 
	width: 100%;
	background: #F0F5FA;
	border: 1px solid #C2CFDF;
	font-size: 18px; 
	font-weight: bold; 
	margin: 5px 0 5px 0;
	padding: 8px;
	text-align: center;
}

.borderform { 
	width: 100%;
	background: #ffffff;
	border: 1px solid #C2CFDF;
}

.bar {
	background: #DFE6EF;
	border: 1px solid #FFF;
}

.bar p {
	background: ;
	border: 0px none;
	color: #222;
	font-size: 11px;
	margin: 0;
	padding: 5px;
	text-align: left
}

.bar p.over {
	float: right;
}

.bar p.overs {
	position: relative;
	top: 5px;
}

.calitem {
	border-bottom: 1px dotted #C2CFDF;
	padding:4px;
}

#bottom {  color:#fff; }

#bottom a:link, 
#bottom a:active,
#bottom a:visited { 
    color:#fff;
	text-decoration: underline; 
}

#bottom a:hover { 
    color: #ffe72d;
	text-decoration: none; 
}

.menu_button {  
    color:#fff;
    background-color: #DB3C40; 
}

.menu_button a:link, 
.menu_button a:active,
.menu_button a:visited { 
    width: 100%;
    height: 100%;
    background-color: #1A4A8C;
    color:#fff;
	text-decoration: none; 
    font-weight: bold; 
}

.menu_button a:hover { 
    width: 100%;
    height: 100%;
    background-color: #bfdafe;
    color: #103363;
	text-decoration: none; 
    font-weight: bold; 
}


hr {
  height: 1px; 
  color: #DB3C40;
}


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:#DB3C40  no-repeat right; border-bottom:0px none; border-left:4px solid #FF0000; 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:#DB3C40; 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 }

/* 
 * ========================================
 * styles for pagination links 
 * ========================================
 */
 

.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast{
	background: #f6f5f4;
	border: 1px solid #685541;
	padding: 1px 3px 1px 3px;
                height:1px;
}

.pagelinklast,
.minipagelinklast{
	background: #DFE6EF;
}


.pagecurrent{
	background: #FFC9A5;
}

.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: #339; 
	font-size: 10px;
	line-height: 150%;
}


/*--Comments--------------------------------------------------*/
.commmenttitle {
    border-bottom:1px solid #5176B5; border-top:1px solid #FFF;
	background:#1a4a8c url('images/head.gif'); color: #FFF; 
	font-size: 11px;
	font-weight: bold; 
	margin: 0px;
	padding: 4px
}

.commentrow1 {
  background-color: #edf2f6;
  padding:5px;
}

.commentrow2 {
  background-color: #e9f3fe;
  padding:5px;
}

.commentspacerrow {
  background-color: #a3b2c1;
}

.commenttextarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #00000;
  font-size: 11px;
  width: 270px;
}

.commentinput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #00000;
  font-size: 11px;
  width: 270px;
}


.singletext {
  color: #ffffff;
  font-weight: bold; 
  text-align: center;
}

.pp-name { 
    width: 100%;
	background: #F0F5FA;
	border: 1px solid #C2CFDF;
	margin: 0px;
	padding: 10px;
}

.pp_header { 
	background-color: #FF0000;
	color: #3A4F6C; 
	font-size: 10px;
	font-weight: bold; 
	padding: 5px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:1px 
}


/*-- Ajax Tab Menu --------------------------------------------------*/
.shadetabs {
   padding: 3px 0;
   margin-left: 0;
   margin-top: 1px;
   margin-bottom: 0;
   color: #3363a1;
   text-decoration: none;
   list-style-type: none;
   text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li {
   color: #3363a1;
   text-decoration: none;
   display: inline;
   margin: 0;
}

.shadetabs li a {
   text-decoration: none;
   padding: 3px 7px;
   margin-right: 3px;
   border: 1px solid #778;
   color: #3363a1;
   background: #acbfd9 url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited {
   text-decoration: none;
   color: #3363a1;
}

.shadetabs li a:hover {
   text-decoration: none;
   color: #3363a1;
}

.shadetabs li.selected {
   color: #3363a1;
   position: relative;
   top: 1px;
   text-decoration: none;
}

.shadetabs li.selected a { /*selected main tab style */
   color: #3363a1;
   background-image: url(images/shadeactive.gif);
   border-bottom-color: #acbfd9;
   text-decoration: none;
}

.shadetabs li.selected a:hover { /*selected main tab style */
   color: #3363a1;
   text-decoration: none;
}

.contentstyle {
    border: 1px solid gray;
    width: 100%;
    margin-bottom: 1em; padding: 10px;
	background-color: #ACBFD9;
}

.shadetabs li.addcom { 
   color: #3363a1;
   top: 1px;
   padding: 3px 7px;
   margin-right: 3px;
   border: 1px solid #778;
   border-bottom-color: #acbfd9;
   background-image: url(images/shadeactive.gif);
}


.pp_datebox {
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #555555;
	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: #EEF2F7;
	border: 1px solid #888888;
	line-height: 140%;
	padding: 8px;
	margin-bottom: 6px;
	height: 200px;
	overflow: auto;
	overflow-x: auto;
}



.pp_loading {
    font-weight:bold;
    background-color: #fcf8c7;
	border: 1px solid #888888;
	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;
}

.gallery_img {
  padding:4px;
  border:1px solid #5176B5;
}

.down_button {
  background:#DDE6F2;
  font-weight: bold; 
  padding:4px;
  border:1px solid #5176B5;
}

.sp_noblocks {
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}

.print_clickstream {
  padding:6px;
  background-color: #f7f8f9;
  border:1px solid #606078;
}

/*-- fieldset/legend --------------------------------------------------*/
legend {
  margin-bottom: 5px;
  margin-left: -2px;
  vertical-align: middle;
  color: #0046D5;
 }

fieldset > legend {
  margin-left: -2px;
}

legend .checkbox,
legend .radiobox,
.formFields .checkbox,
.formFields .radiobox {
  margin-right: 3px;
}

fieldset {
 margin: 0px 0;
 padding: 3px;
}

/*-- PM --------------------------------------------------*/ 
.msg0 { 
  padding: 8px; 
  background-color: #FFCECE; 
  color: #2F6B9D; 
} 
.msg1 { 
  padding: 8px; 
  background-color: #CEFFDD; 
  color: #2F6B9D; 
} 

.msg_good { 
  background-color: #CEFFDD; 
  font-weight: bold; 
  border: 1px solid #5E6C80; 
  padding: 3px 3px 3px 3px ; 
  margin: 3px 0px 3px 0px ; 
} 

.msg_error { 
  padding: 8px; 
  background-color: #FFCECE; 
  font-weight: bold; 
  border: 1px solid #5E6C80; 
} 

.msg_plain { 
  background-color: transparent; 
  font-weight: bold; 
  border: 1px solid #5E6C80; 
  padding: 3px 3px 3px 3px ; 
  margin: 3px 0px 3px 0px ; 
} 

img.attach { border: 2px outset #EEF2F7; padding: 2px }

.searchlite { font-weight: bold; color: #F00; background-color: #FF0 }

.wrapmini    { float:left;line-height:1.5em;width:25% }

.sm_table{ background-color: #ffffff; width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px }

.cat_tb {border: 1px solid #072A66}

.cformstrip { background-color: #D1DCEB; color: #3A4F6C; font-weight: bold; padding: 7px; margin-top: 1px }

.poll_never       { color:#0000FF }
.poll_expired     { color:#FF6600 }
.poll_expire_days { color:#FF0000 }

.postdate{ float:left;width:48px; height:54px; background:url('images/secalendar.gif') no-repeat left top;}
.year{ font-size:13px;float:left; clear:both; text-align:center; color:#FFFFFF; font-weight:bold; width:47px; margin-top:2px; margin-bottom:2px;}
.month, .day{ font-size:13px;float:left; clear:both; color:#000000; width:47px; text-align:center;}
#block_contheader { background-color: #81adc6;width:100%;height:20px;text-align:center;font-weight:bold;padding-top:4px }