@import url("custom_styles.css");

body {
    background-color:#FFFFFF;
    font-family: verdana,sans-serif;
  }

hr {
    background : #007fff;
    border : #007fff;
    color : #007fff;
    height : 1px;
    width : 90%;
  }


#header {
    width: 1000px;
    height: 220px;
    margin-left: auto; margin-right: auto; padding: 0px;
}
#header h1 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
    font-size: 40px;
}


#header_small {
    width: 690px;
    height: 110px;
    margin-left: auto; margin-right: auto; padding: 0px;
}
#header_small h1 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
    font-size: 40px;
}
#seegle_see {
    float: right;
    width: 300px;
    height: 200px;
    border: 1px solid black;
    size: 12px;
}

#seegle_login {
    float: right;
    width: 350px;
    height: 30px;
    margin-left: 10px;
    font-size: 12px;
    position: relative;
}

#seegle_login input.text {
    width: 120px;
}

#seegle_login div.username { position: absolute; left: 0px; width: 120px; height: 40px; }
#seegle_login div.password { position: absolute; left: 120px; width: 120px; height: 40px; }
#seegle_login div.submit { position: absolute; left: 240px; width: 60px; height: 40px; }

#loginform {
    padding-top: 15px;
}

#logininfo {
    padding-top: 30px;
}

h1.banner, h1.banner * {
    font-family: "Comic Sans MS";
    font-size: 60px;
    font-weight: bold;
    letter-spacing : 3px;
    text-align : center;
    color: #111111;
  }



#mainarea {
  padding: 5px;
}

#contentarea {
    border-top: solid 5px #007fff;
    border-right: solid 5px #007fff;
    padding-left: 20px;
    padding-right: 5px;
}

#seeglebar {
    height: 55px;
    overflow-x: hidden;
    overflow-y: hidden;
}
#seeglebar_right {
    float: right; width: 40px; height: 55px;
}

#seeglebar ul {
    margin: 0px; padding: 0px;
    list-style: none;
}

#seeglebar li {
    width: 60px; height: 40px;
    border: 1px solid black;
    display: inline; float: left; padding: 3px; margin: 3px;
}

#content {

}


#menu {

}

#menu ul {
    list-style: none;
    padding: 5px; margin: 0px;
}






#seegle_showcase  {

}

#seegle_showcase h1 { text-align: center; }
#seegle_showcase p { text-align: center; }


.rating_right { width: 200px;  margin-left: auto; margin-right: 5px; font-size: 14px; text-align: center;}
.ratebox { width: 100px; height: 20px; position: relative; border: 1px solid #007fff; margin-left: auto; margin-right: auto; }
.ratebox .overallrating { left: 0px; right: 0px; width: 100px; height: 20px;  }
.ratebox .overallrating .good { float: right; margin: 0px; }
.ratebox .overallrating .bad { float: left; margin: 0px; }

.ratebox .userrating { width: 100px; height: 20px; position: absolute; text-align: center; margin: 0px; padding: 0px;  }
.ratebox .userrating li { list-style: none; display: inline; margin: 0px; padding: 0px;  }
.ratebox .userrating a,.ratebox .userrating span { float: left; width: 20px; height: 20px; margin: 0px; padding: 0px; text-decoration: none; color: #007fff; }
.ratebox .userrating a.selected { color: yellow; }
.ratebox .userrating a:hover { background-color: yellow; }




#ads {
  padding: 10px;
}

#footer {
    font-size:8px;
    font-family:Verdana,sans-serif;
    text-align: center;
    padding-top: 10px;
  }

a:link { color:#2222FF; text-decoration: none;}
a:visited { color:#000099; text-decoration: none;}
a:hover { color: #FF0000; text-decoration: underline;}
a:active { color:#000011; text-decoration: underline;}