body {
    background: url(http://www.mypage.com/_images/template/talentsearch.gif) widthno-repeat #fff;
    color:#697C83;
    font-family:"Trebuchet", sans-serif;
    text-align: center;
    margin:0 auto;
    padding: 0 auto;
    font-size: 85%;
    line-height:1.7em;
}

/*
div {
 border:0px;
}
*/

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


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

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

li a:hover{
   background: #fafafa;
}

h1 {
  font-size:130%;
}

h2, h3, h4, h5 {
    font-size:130%;
    border-bottom:1px solid #ccc;
    color: #0073bf;
    background: #fafafa;
    font-family: 'Verdana', Arial, sans-serif;
}

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 {
    font:.9em/145% 'Verdana',helvetica,arial,verdana;
    color: #333;
    border:0px;
}

td, th {
    padding:5px;
}

caption {
    padding: 0 0 .5em 0;
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    background: transparent;
}

/* =links
----------------------------------------------- */

table a {
    color:#950000;
    text-decoration:none;
}

table a:link {}

table a:visited {
    font-weight:normal;
    color:#666;
}

table a:hover {
    background: #fafafa;
}

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

thead th, tfoot th, tfoot td {
    background:#333 repeat-x;
    color:#fff
}

tfoot td {
    text-align:right
}

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

tbody th {
    white-space: nowrap;
}

tbody th a {
    color:#333;
}

.odd {}

tbody tr:hover {
    background:#fafafa
}

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;
   font-family: 'Verdana', Arial, sans-serif;
}

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

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;
  font-family:"Trebuchet", 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: 0;
  padding:5px;
  padding-left:10px;
  background: transparent;
  width:710px;
  text-align: left;
  color:#000;
  min-height:500px;
  overflow:hidden;
  font-family:"Trebuchet", sans-serif;
}

/* 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;
 font-family:"Trebuchet", sans-serif;
  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;
  list-style-type: none;
  list-style-image: none;
}

div#splitpane-sidebar ul li {
  margin:10px 0;
  padding-left: 5px;

}

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;
 font-family:"Trebuchet", sans-serif;
}

/*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;
  margin-left:0px;margin-right:0px;width:100%;
  margin-bottom:0px;
  text-align: center;
  padding:10px 0 0 0;
  height:30px;
  margin:0;


}

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-post {
  margin:20px 0 10px 0;

}

.user {
  float:left;
  margin:5px 10px 10px 0;
  width:105px;

}

.user img {
  border:1px solid #eee;
  padding:2px;
}

.weblog-keywords p a {
  margin:20px 0 0 0;
  padding:0;
  clear:both;
}

.weblog-title {
  margin:0px 10px 10px 115px;
  font-size: 120%;
  font-family: 'Verdana', Arial, sans-serif;

}

.post {
  margin:10px 0 10px 115px;
  background:url(http://www.mypage.com//mod/template/templates/Default_Template/images/infoholder_bg.gif) left repeat-y;
}

.info {
  border:1px solid #99CCFF;
  margin:10px 0 10px 115px;
  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 {
  border:1px solid #eee;
  background:#f2f7fb;
  padding:5px;
  margin:20px 0 5px 0;
  height:50px;
  width:550px;
}

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

.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
*/

.infoholder {
  margin:5px 0 10px 0;
  background: #fafafa;

}

.infoholder p {
  padding:5px 0 5px 10px;
  background: #F3F7FA;
}

/* the end of INFOHOLDER */

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

#tagcloud a {
  text-decoration: none;
}

/*
 PROFILE WIDGETS STUFF
*/

img.profile-photo {
   border:2px solid #eee;
   padding:3px;
}


.profile_main p {
   color:#000;
}

.profile_main p a {
  text-decoration: underline;
}

.profile_main_bottom {
  clear: both;
}

.profile_primary {
  float: left;
  width: 270px;
  margin-top: 10px;
  margin-left: 10px;
}

.profile_secondary {
  float: right;
  width: 400px;
  margin-top: 10px;
  color:#000;
}

.profile_bio {
  padding-top: 10px;
  background:#efefef;
}

.profile_widgets {
  clear: both;
 width: 760px;
  background: #004995;
}

.profile_icon img {
  border:1px solid #eee;
  padding:2px 2px 2px 2px;
}

.profile_widgets_left {
  float: left;
  width: 330px;
}

.profile_widgets_right {
  float: right;
  width: 330px
}

/* profile - widgets */

#profile_widgets {
   position:relative;
}

.profile_bio {
   width:244px;
   padding:2px;
}

.widgets_even {
   float:left;
   width:340px;
   margin:0;
   padding:0;
}

.widgets_odd {
   float:right;
   width:340px;
   margin:0;
   padding:0;
}

.widget {
    margin-bottom: 15px;
    padding: 0;
}

.widget .widget_content {
    padding: 4px 10px 4px 10px;
}

.widget .widget_content h3 {
    padding:0;
    margin:0;
}

.widget .widget_bottom {
     display: block;
     background-color: #E2F0F6; /*#CBE5EF;*/
     margin: 0px;
     padding-left: 10px;

     font-size:0.8em;
}

.widget .widget_menu ul {
    margin:0 0 0 5px;
  padding:0;
}

.widget .widget_menu ul li {
     list-style:none;
}

.widget .widget_menu ul li a {
     text-decoration:underline;
}

.widget .widget_admin_menu {
    background-color: #E2F0F6;
    padding:2px 0 0 5px;
}

#hidden3, #hidden2, #hidden4, #hidden5 {
  height:20px;
}

.widget .widget_title {
          border:0;
          padding:0 2px 0 2px;
          margin-top:10px;
          color:#000;
          background: #BBDCE9;
        font-size:1.5em;
       font-weight:bold;

}

.widget  .widget_content h2 a {
    padding:0px;
    font-weight:normal;
    margin-bottom:2px;
    border-bottom:1px dashed #ccc;
}



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

</style>