body {
    background: #003366;
    color:#697C83;
    font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif;
    text-align: center;
    margin:0 auto;
    padding: 0 auto;
    font-size: 80%;
    line-height:1.6em;
}

p {
  color:#555;
  margin:0 0 10px 0;font-size:100%;
}


a {
  text-decoration:none;
  color:#336699;
}

ol, ul {
  color:#697C83;
}

li a:hover{
   background: #fafafa;
}

h1 {
  font-size:130%;
}

h2, h3, h4, h5 {
    font-size:130%;
    color: #ff9900;
}

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:5px;
}


/* =head =foot
----------------------------------------------- */

tfoot td {
    text-align:right
}

/* =body
----------------------------------------------- */

tbody th {
    white-space: nowrap;
}



td h4, h3, h5 {
  padding:0;
  margin:0;
}



#search_table a img{
height:54px;
width:56px;

}

img a{
 border:0px;
}


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

div#container {
  width:980px;
  margin:0 auto;
  padding:0;
  background:transparent;
  text-align: left;

}

/*
  HEADER: THE HEADER INCLUDES THE LOGO AND SEARCH BAR
*/
div#topblue {
            margin:0px;
            width:100%;
            background: transparent;
            text-align: left;
            height:30px;
}

div#header {
  margin:0;
  padding:0;
  text-align:left;
  background:#fff;
  width:100%;
  position: relative;
  height:60px;
}

/*
  LOGO: LOCATED WITHIN HEADER
*/

div#header-inner #logo{
  margin-left: 5px;
  float:left;
  margin-top:0px;
  margin-bottom: 0px;
}

div#logo #homebtns{
         position: relative;
         float: left;
}


/*
  SEARCH BAR: LOCATED WITHIN HEADER
*/

div#header #search-header {
  float:right;
  background:url(http://www.mypage.com/mod/template/templates/Default_Template/images/search_icon.gif) no-repeat left top;
  width:300px;
  margin:0;
  padding:0;
  position:relative;
  right:0;
}

div#header #search-header img {
  margin:0 0 0 10px;
}

div#header #search-header p {
  padding:0 0 0 15px;
  margin:0;
}

div#header #search-header span a {
  color:#ccc;
}

/*
  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;
  width:100%;
  overflow:hidden;
  position:relative;
  background: #fff;
}

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

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

div#content-holder h2 {
  border:0;
  border-bottom:1px solid #eee;
  padding:2px;
  margin:5px 2px 10px 2px;
  color:#333333;
  font-size:1.2em;
}



/*
  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: 0;
  padding:5px;
  padding-left:10px;
  background: transparent;
  width:710px;
  text-align: left;
  color:#000;
  min-height:500px;
  overflow:hidden;
}

/* USER MENU */
div#simplemenu {
 width:95%;
 background: #99CCFF;
 padding:5px;
 text-align: center;
}

div#simplemenu p {
 background: #fafafa;
}

div#simplemenu a{
 color: #000;
}

div#simplemenu a:hover{
 background: #99CCFF;
 color: #fff;
}

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

div#splitpane-sidebar {
  width: 205px;
  margin:0;
  padding:0;
 background: transparent;

  float: right;
}

/*
  THE SIDEBAR CONTENTS
*/

div#splitpane-sidebar td {
  width: 200px;
  margin:0 0 0 20px;
}

div#splitpane-sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#splitpane-sidebar ul li {
  margin:10px 0;
  padding-left: 5px;
  border-bottom:1px dashed #eee;
}

div#splitpane-sidebar ul li ul li a {
  padding:0 0 0 5px;
}

div#splitpane-sidebar h2 {
  text-align:left;
  border-bottom:1px solid #ccc;
  color:#777;
  font-size:0.9em;
  width:200px;
}

/*SIDEBAR*/
.sidebar{display:block}
.sidebar *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#fafafa}
.sidebar1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#fbfbfb}
.sidebar2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefefe;
  border-right:1px solid #fefefe;
  background:#fafafa}
.sidebar3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;}
.sidebar4{
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc}
.sidebar5{
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb}
.sidebarfg{
  background:#fafafa}

  /*spiffybox*/

 /* set the image to use and establish the lower-right position */
.maincontent{display:block}
.maincontent *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFAFA}
.maincontent1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fffcfc;
  border-right:1px solid #fffcfc;
  background:#fffbfb}
.maincontent2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fffefe;
  border-right:1px solid #fffefe;
  background:#fffafa}
.maincontent3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fffafa;
  border-right:1px solid #fffafa;}
.maincontent4{
  border-left:1px solid #fffcfc;
  border-right:1px solid #fffcfc}
.maincontent5{
  border-left:1px solid #fffbfb;
  border-right:1px solid #fffbfb}
.maincontentfg{
  background:#FFFAFA}
/* FEATURE BOX */



/*
  FOOTER
*/

div#footer {
  clear: both;
  position: relative;
  text-align: center;
  padding:10px 0 0 0;
  font-size:1em;
  height:30px;
  margin:0;
 width:100%;
}

div#footer a {
  color:#999999;
}
div#footer img {
  margin:20px 0 0 0;
}

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

div#footer a:link, div#footer a:visited {
  text-align:right;
}

/*
  SYSTEM MESSAGES
*/

div#system-message{
  border:1px solid #D3322A;
  background:#F7DAD8;
  color:#000;
  padding:3px 50px;
  margin:20px 20px 0 20px;
}

div#system-message p{
  padding:0px;
  margin:2px;
}

/*
  CLEAR BOTH
*/

.clearing {
  clear:both;
}

/*
  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:5px 5px 5px 5px; 
}
.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;
}
.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:13px;line-height:18px;}
.infoholder textarea:focus,.infoholder input:focus {background:#ffffcc;
	border: 1px solid rgb(123,104,238);
}
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 */
/* the end of INFOHOLDER */

#tagcloud {
  padding: 15px;
  border: solid 1px #eee;
  background: #f5f5f5;
  line-height:2.9em;
}

#tagcloud a {
  text-decoration: none;
}




#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:brown;
             font-size: 90%;
}

.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;
}
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; } p{margin-top:10px;margin-bottom:10px;font-size:11px;} .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:url(http://www.mypage.com/_images/backgrounds/bg_widgets_red.gif) repeat-x;border:1px solid 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-left:10px; } 
.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:url(http://www.mypage.com/_images/backgrounds/bg_widgets_red.gif) repeat-x;} 
.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:url(http://www.mypage.com/_images/backgrounds/bg_widgets_red.gif) repeat-x; padding:2px 0 0 5px;} 

</style>