body {
  color:#697C83; font-family: arial,helvetica,clean,sans-serif;
  text-align: center;margin:0 auto;padding: 0 auto;font-size: 89%;line-height:1.8em;
}

p { color:#555; margin:0 0 10px 0;}

a {text-decoration:none;color:#0066CC;}
a:hover{text-decoration: underline;}

ol, ul {color:#697C83;list-style-type: none;}

li a:hover{background: #fafafa;color:#000;}

h1 {font-size:130%;}
h2, h3, h4, h5 {
   font-size:130%;color: #000;background: #F6F6F6;font-family: 'Verdana', Arial, sans-serif;margin-top:2px;margin-bottom:8px;
    padding-top:4px;padding-bottom:4px;line-height:auto;
}

blockquote{
  background: transparent url(http://www.mypage.com//mod/template/templates/Default_Template/images/blockquote.png) no-repeat bottom left;
  padding: 10px;
  padding-bottom: 40px;
  margin: 1em;
}

/*
  TABLES IN Mypage
*/
table {
    color: #333;
    border:0px;
}
td, th {
    padding:0px;
}


/* =links
----------------------------------------------- */
table a {
    color:#950000;text-decoration:none;
}
table a:visited {color:#666;}
thead th, tfoot th, tfoot td {
}


tfoot td {
    text-align:right;
}


tbody th {
    white-space: nowrap;
}
tbody th a {    color:#333;}
td h4, h3, h5 {
  padding:0;
  margin:0;
}

img a{
 border:0px;
}

/*
  CONTAINER: WRAPS THE HEADER AND MAIN CONTENT AREA BELOW THE USER TOOLBAR
*/

div#container {
  width:100%;margin:0 auto;padding:0; background:#333333;
  text-align: left;font-family: 'Verdana', Arial, sans-serif;
}

/*
  HEADER: THE HEADER INCLUDES THE LOGO AND SEARCH BAR
*/

div#header {
  margin:0;padding:0;height:144px;background:#fff;border-bottom:1px solid #000;text-align:left;
  width:100%; position: relative;height:auto;
}
/*
  LOGO: LOCATED WITHIN HEADER
*/

/*
  SEARCH BAR: LOCATED WITHIN HEADER
*/
#searchbar {width:98%;margin-top:2px;background:transparent;margin-bottom:2px;}

#searchform2 {
	padding:5px;
	
	}
#searchform2 form {
	margin: 1px;  /* for IE, Opera, ... */
	}
#searchform2 .equal { 
	vertical-align: middle; /* for IE */
	}
#searchform2 #txt2 {
	background-color: white;
	border: 1px solid #DFE9F4;
	line-height:15px;font-size:13px;
	}
* html #searchform2 #txt2 { /* for IE only */
	padding: 2px 0;
	}
#searchform2 #btn2 {
	background-color: #6666FF;
	border: none;
	color:#fff;
	}


/*
  CONTENT-HOLDER: WRAPS THE MAIN PAGE CONTENT. THIS CAN INCLUDE
  THE SINGLE PAGE LAYOUT AND THE SPLIT PANE (CONTENT AND SIDEBAR)
*/

#content-holder {
  padding:0px; margin:0px;padding-top:10px;
  width:100%; overflow:hidden;
  min-height:100%; position:relative;
  /*background: url(http://www.mypage.com/_images/background/content-top.gif) no-repeat top #D0E0FF;*/
  background:transparent;
}
/* styles the header top of the content body */
div#h1_top{  background: url(http://www.mypage.com/_images/h1toph3bg.gif) repeat-x;font-style:Arial, Verdana;font-weight:900;font-size:1.3em;color:#000;width:100%;line-height:normal;margin-top:1px;margin-bottom:0px;}

#h1_top span#title{
 background: #fff;font-style:Arial, Verdana;color:#1f1f1f;
 border:0px;font-weight:normal;font-size:1.3em;
 text-transform:uppercase;line-height:normal;
}
#content-mid{
 padding:0px;margin:0px; height: auto;
}

div#content-holder a:hover {
  text-decoration:underline;
}

div#content-holder h1 {
  font-size:2.0em;
  font-family:"Verdana", sans-serif;
  color: #3399CC;
}


div#content-holder h2 {
  border:0;  border-bottom:1px solid #ccc; padding:2px;
  margin:5px 2px 10px 2px;  color:#333333;  font-size:1.2em;
  font-family:"Verdana", sans-serif;
}

/*
  VARIOUS LAYOUTS WITHIN CONTENT-HOLDER
*/


/*
  THE MAIN CONTENT AREA WHEN IT IS A SINGLE PAGE, NO SIDEBAR
*/


div#single-page {
  margin: 0;  padding: 0 15px 0 0;  background: transparent;  width:900px;
  text-align: left;  border:1px solid #eee;
}


/*
  THE MAIN CONTENT AREA WHEN THE SIDEBAR IS IN PLACE
*/


div#splitpane-content {
  margin-left:5px;margin-right:5px;padding:5px; width:705px;
  text-align: left;  color:#000;float: left;
  /*min-height:500px;*/margin-bottom:5px;
  overflow:hidden;  font-family:"Verdana", sans-serif;  background: #fafafa;border:2px solid #ccc;
}
.innerbody{background:#fff;padding:0px;}

/*
  SIDEBAR: THIS IS ONLY PRESENT WHEN SPLITPANE-CONTENT IS IN USE
*/

div#splitpane-sidebar {
  width: 225px;  margin-left:3px;overflow:hidden;
  padding:0;  font-family:"Verdana", sans-serif;
  font-size:89%; position:relative;padding-left:5px;
  list-style-type: none;  list-style-image: none;
  background:#efefef;border:2px solid #ccc;
}


/*
  THE SIDEBAR CONTENTS
*/


div#splitpane-sidebar td {
  width: 220px;
  margin:0px;;
   list-style-type: none;
  list-style-image: none;
}


div#splitpane-sidebar ul {
  margin: 0;width:215px;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}


div#splitpane-sidebar ul li {
  margin:0px 0;
  padding-left: 0px;
   list-style-type: none;
  list-style-image: none;


}


div#splitpane-sidebar ul li ul li a {
  padding:0 0 0 5px;
}
/* LIST STYLING IN THE SIDE BAR */
li#sidebar_user{width:215px;list-style:none;}
li#weblog_category{width:215px;list-style:none;font-family:"Arial", sans-serif;}
li#weblog_category ul {margin-left:0px;}
li#weblog_category ul li{width:215px;text-align: left;padding-left:18px;padding-top:2px;padding-bottom:2px;background: url(http://www.mypage.com/_images/icon_check.gif) no-repeat left;}
li#weblog_category ul li h2{text-align:left;border:1px solid #f0f0f0;  color:#606060;font-size:12px;font-weight:900;  padding-top:3px;padding-bottom:3px; color:#fff;font-family:"Arial", sans-serif;}


div#splitpane-sidebar #splitpane-sidebar2 h2 {
  text-align:left;padding-left:18px;
  border:1px solid #f0f0f0; 
  color:#606060;font-size:12px;font-weight:900;
  padding-top:3px;padding-bottom:3px;
  font-family:"Arial", sans-serif;border:2px solid #ccc;
}

/* REGISTER BOX */

div#register{
  text-align:center;
  border:1px solid #70AEFA;
  padding:10px;
  background:#F9F5D7;
  color:#006699;
  width:180px;
  line-height:auto;    
}

div#register div{
  padding:5px;
  background:url(http://www.mypage.com/_images/background/btn_bgblack.gif) repeat;
  text-align: center;
}

div#register a{
  color: #fff;  
}

div#register a:hover{
background:#666666;
color:#FFFF33;

}

div#regpub {height:219px;width:193px;background:url(http://www.mypage.com/_images/note.gif) top no-repeat;}
div#regpub div{padding-top:15px;padding-left:18px;text-align: center;}


/*
  FOOTER
*/
  #footer{
padding-top:15px;height:100%;width:100%;background: #000;clear:both;
color:#fff;
}

/*
  SYSTEM MESSAGES
*/


div#system-message{
  border:1px solid #FF0033;
  background:#FFFFCC;
  color:#000;
  padding:3px 50px;
 position:absolute;
 margin-top:100px;margin-left:10%;
 z-index:1500;
  
}


div#system-message p{
  padding-left:15px;font-size:1.0em;
  margin:2px;background:url(http://www.mypage.com/mod/template/icons/accept.png)no-repeat top left;
  border-bottom:1px dotted #000;
}


/*
  CLEAR BOTH
*/


.clearing {
  clear:both;
}
div#cb{clear:both;height:2px;}


/*
  THIS IS THE END OF THE MAIN PAGE COMPONENTS - EVERYTHING BELOW THIS IS ASSOCIATED WITH VARIOUS ELEMENTS
  WITHIN MYPAGE, THIS INCLUDES THE BLOG CLASSESS, PROFILE, FILES, SIDEBAR WIDGETS, PROFILE WIDGETS ETC.
*/


/*
  BLOGGING ENGINE
*/
.weblog_dateheader {font-size:10px;text-align: right;border-bottom:1px solid #ccc;}
.weblog-post {
  margin-left:20px; 
}
.user {
  float:left; margin:5px 10px 10px 0;width:20px;
}
.user img {
  border:1px solid #eee;  padding:2px;  width:15px;  height:15px;
}
.weblog-keywords p {background: url(http://www.mypage.com/mod/template/icons/tags.png) no-repeat left;padding-left:15px;}
.weblog-keywords p a {
  margin:5px 0 0 25px;
  padding:0;  clear:both;
}
.weblog-title {
  margin:5px 5px 5px 5px;
  font-size: 1.5em;
  font-family: 'Verdana', Arial, sans-serif;
  line-height:1.6em;border:1px dotted cornflowerblue;
}
.post {
  margin:5px 5px 5px 5px;  background: transparent;
}
.info {
  clear:both;  background: #fafafa;
  color: #eee;  font-size:90%;
}
.info p {
  padding:0 0 0 10px;  margin:0;  color:#990000;
}
.info p a {
  font-size:0.9em;  color:#555;
}

/* this is the thin line between the actual post and comments */


#comments-divide {
  height:1px;
  background:#ccc;
}

.comment-owner {
  padding:5px;  margin:0px;  height:28px;  width:550px;
}

.comment-owner img {
  margin:0px 5px 0px 0px;  text-align:left;width:25px;height:25px;
}

.comment-owner a {
  background:#f2f7fb;
}

.comment-owner p {
  padding:0;  margin:0;
}


/* END OF BLOGGING ENGINE */

/*
  SUB MENU OPTIONS: THESE WILL BE MOVED TO THE NEW SIDEBAR SHORTLY

div#splitpane-sidebar sub-menu div {
  margin:10px 0 10px 0;
  padding:3px;  background:url(http://www.mypage.com//_images/bg_submenu.gif) no-repeat;
}

/* END OF SUB-MENU DIV */


/*
  INFOHOLDER: this holds profile data, account settings and administration content and ME styles the sidebar profile icon holder
*/
/*.infoholder {background:none;clear:both;width:95%;font-style:arial,Verdana;margin-left:5px;border-bottom:1px solid rgb(204,153,0);}*/
.infoholder {
  margin:10px 0px 10px 0px;
  height:auto;
  background-color: #EAF5FA;
  border:1px solid steelblue;
  padding:5px;
}

.inputfocus{  background-color: #d6facc;border:1px solid #CAEAF9;}

.infoholder p {
  padding:5px 0 5px 10px;  background: #F3F7FA;
}
.infoholder .greentitle{color:steelblue;font-size:1.2em;font-weight:500;padding:3px;margin-bottom:5px;}
.infoholder input{font-size:1.3em;line-height:18px;border:1px solid lightblue;color:#000;}
.infoholder textarea:focus,.infoholder input:focus {background:#ffffcc;	border: 1px solid #000;}
div#me{background: url(http://www.mypage.com/_images/background/sidebox.gif) no-repeat;height:100px;overflow:hidden;}
div#profilebox{padding:10px;background:transparent;}
div#profileicon{padding:5px;background: #fff;margin:2px;}
div#profileicon img{border:2px solid #000;}
div#settings {text-align: left;}
div#settings a{background:#fff;color:#6666FF}
div#webpoints {padding:3px;color:#00CC00;font-weight:900;}
.greenlink{background:#6699FF;color:#fff;font-weight:900;padding:2px;}
/* the end of INFOHOLDER */
#tagcloud {
  padding: 15px;
  border: solid 1px #eee;
  background: #f5f5f5;
  line-height:2.9em;
}

#tagcloud a {
  text-decoration: none;
}



/*WEBSTATS */
#statcontainer{
    padding:8px;
    text-align:left;
}
#statcontainer h3{
    font-size:18px;
    color:#777;
    margin-left:4px;
}
#statcontainer h3{
    font-size:18px;
    color:#777;
}
#statcontainer .statul{
    width:355px;
    padding-bottom:15px;
    margin:3px;
}
#statcontainer .statul em{
    font-weight:bold;
    color:#FF0000;
    text-align:right;
}
#statcontainer .stattotal{
    border-top:2px solid;
    background-image:none;
    border-bottom:0;
    border-right:0;
    border-left:0;
    font-size:18px;
    margin:5px 0 0 -3px;
    padding:5px;
    color:#000;
}
#statcontainer .stattotal p{
    margin:0px;
    padding:0;
    margin-top:8px;
    display:inline;
}
#statcontainer .statul2{
    padding:5px;
}


/* News */
.labelfield{ /*CSS for label field in general*/
             color:red;color:#fff;
             font-size: 1.2;
}


.datefield{ /*CSS for date field in general*/
            color:gray;
            font-size: 90%;
}


#example1 li{ /*CSS specific to demo 1*/
          margin-bottom: 4px;
}


#example2 div{ /*CSS specific to demo 2*/
          margin-bottom: 5px;
          font-size: small;
          margin-top:2px;
}


#example2 div a{ /*CSS specific to demo 2*/
          text-decoration: none;
          font-size: medium;
          font-weight : bold;
}


#example3 a{ /*CSS specific to demo 3*/
          color: #D80101;
          text-decoration: none;
          font-weight: bold;
}


#example3 p{ /*CSS specific to demo 3*/
          margin-bottom: 2px;
}


code{ /*CSS for insructions*/
      color: red;
}
 #top {
        background: #000;
        border-bottom: 1px solid #A1A1A1;
        margin-top:0px;font-style:Arial, Verdana;font-size:1.0em;
        padding: 0.6em 0 0;
        font-weight: bold;

}
#top ul, #top ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#top ul {
        padding: 5px 0 5px;
        text-align: right;
}
#top ul li {
        display: inline;
}
#top ul li a {
        color: #FFF;
         background: none;
        text-decoration: none;
        padding: 5px 0;
}
#top ul li span {
        background: none;
        padding: 5px 7px 5px 3px;
        margin: 4px 0 4px 4px;
}
#top ul li a:hover span {
        text-decoration: underline;
        background-position: 100% -75px;
}
#top ul li a:hover {
        background-position: 0 -75px;
}
#top #current a {
        background-position: 0 -150px;
}
#top #current a span {
        background-position: 100% -150px;
}


/*- Internet Explorer...It's Hacktastic!--------------------------- */

/*\*//*/
#top ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}

#top ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}
/**/

/*\*/
* html #top ul li a {
        padding: 0;
}
/**/
span#webpoints{background:#FF1493;padding:3px;font-size:12px;font-weight:900;font-style:"Verdana", Arial;color:#fff;} 
div#divtitle img{background:transparent;border:0px;} 
div#rowtitle{border-bottom-color:#FF1493;  border-bottom:thin solid #FF1493;  padding-right:5px;  margin-top:3px;  margin-bottom:3px;  height:30px;  width:100%;     font-family:Arial,Helvetica,sans-serif;  font-size:13px;  font-style:italic;  font-variant:normal;  font-weight:bolder;  text-align:left;} 
div#rowtitle a{background:#008000;padding:2px;font-size:9px;color:#fff;font-weight:900;} 
div#divtitle{font-size:12px;font-style:Arial, Verdana;font-weight:900;border-top:1px solid #3366CC;background:#E8F0F7;width:100%;padding-left:5px;padding-top:3px;padding-bottom:3px;line-height:auto;} 
div#greentitle{font-size:18px;font-style: Arial;font-weight:normal;color:#669933;margin-top:5px;margin-bottom:5px;} 
div#rowtitle{ font-size:17px;color: #000;font-family: Arial, sans-serif;padding-top:3px;padding-bottom:3px;line-height:auto;font-weight:900; } 
div#rowfeature{ font-size:110%;color: #fff;background: #333333;font-family: 'Verdana', Arial, sans-serif; border:1px solid #FFCC00;padding:3px;margin-top:3px;margin-bottom:8px; } 
div#rowdesc{ font-size:100%;color: #000;font-family: 'Verdana', Arial, sans-serif;font-weight:900; padding:3px;margin-top:3px;margin-bottom:8px; } 
div#blueblock{background:#F0F8FF;padding:5px;margin:2px;width:100%;} 
div#dashboard{padding:10px;line-height:1.5em;font-size:14px;color:#000;font-family:Arial, sans-serif;background:#F7FAFD;border-top:2px solid #3366CC;border-bottom:2px solid #3366CC;margin-top:5px;margin-bottom:5px;} 
div#dashboard p{margin-top:5px;margin-bottom:5px;line-height:20px;} 
div#dashboard p img{border:0px;margin-right:5px;margin-left:5px;} 
div#rowfeatbl{ font-size:90%;color: #000;font-family: 'Verdana', Arial, sans-serif;font-weight:500;padding:3px;margin-top:3px;margin-bottom:8px;border:1px #666666;background:#CAECFD;border-top:1px solid #0066CC;border-bottom:1px solid #0066CC; } 
.clearcb{clear:both;height:1px;} 
div#rowtitle_yellow{font-size:12px;font-style:Arial, Verdana;font-weight:900;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;background:#ffffcc;width:100%;padding-left:5px;padding-top:3px;padding-bottom:3px;line-height:auto;} 
/* LIST STYLING IN THE SIDE BAR */ 
li#sidebar_user{list-style:none;} 
li#weblog_category{list-style:none;} 
#demo { width:30em; } 
#demo .yui-content { width:700px; height:auto; } 
/*WIDGETS STYLES */
.widgets_even { float:left; width:340px; margin:0; padding:0px; } 
.widgets_odd { float:right; width:340px; margin:0; padding:0px; } 
.widget { margin-bottom: 25px; padding:15px;margin:0px; width:339px; overflow-x:hidden; background:steelblue;} 
.widget_title {margin-left:20px;padding-left:30px;margin-bottom:15px;margin-top:15px;line-height:1.8em;font-size:1.2em;color:#fff;font-weight:900;} 
.widget_content h2 a { padding:5px; } 
.widget_content { margin-left:15px;padding:10px;width:339px;position:relative;background:#fff; } 
.widget_content h3 { padding:0; margin:1px; } 
.widget_bottom { display: block; margin: 0px; padding-left: 10px; font-size:0.8em;background:steelblue;} 
.widget_menu ul { margin:0 0 0 5px; padding:0; } 
.widget_menu ul li { list-style:none; } 
.widget_menu ul li a { text-decoration:underline; } 
.widget_admin_menu { height: 30px; background: steelblue; padding:2px 0 0 5px; border-bottom:1px solid #ccc; } 
/*.widget_title { border:0; height : 25px; padding-top:20px; margin-left:10px; color:#000; font-size:1.2em; font-variant: small-caps; font-weight:bold; background: transparent;no-repeat top;border-bottom:1px solid #efefef; }*/


</style>