/** other **/

p.tags {
    line-height: 250%;
}

ul {
    margin-bottom: 2em;
    text-align: justify;
}

hr {
    color: #eeeeee;
    background-color: #eeeeee;
    height: 5px;
    margin: 0px 0px 0px 0px;
}

h1, h2, h3 {
    color: #666666;
}

/*
* {
    margin: 0;
    padding: 0;
}*/

.account_right {
    float: right;
}

.infobox {
    width: 100%;
    border: 1px solid #000000;
    background-color: #ffcccc;
}

.paypal_button {
    text-align: center;
    padding: 14px;
}

.block {
    float: left;
    width: 100%;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.block_title{
    padding: 0px 0px 0px 17px;
    margin: 0px 0px 0px 0px;
    color: white;
    font-style: italic;
}

.list_item_user {
    float: left;
    height: 65px;
    width: 50px;
}

.list_item_vote, .list_item_enroll, .list_item_course, .list_item_course_name, .list_item_course_summary, .list_item_course_lessons, .list_item_course_tags, .list_item_user {
    overflow: hidden;
}

.list_item_left {
    float: left;
    width: 35px;
    text-align: center;
}

.list_item_course, .list_item_lesson {
    float: left;
    width: 570px;
    height: 75px;
}

.list_item_course_top, .list_item_lesson_top {
    float: top;
    height: 25%;
}

.list_item_course_name, .list_item_lesson_name {
    float: left;
    width: 470px;
    height: 100%;
    overflow: hidden;
}

.list_item_course_tags, .list_item_lesson_tags {
    float: left;
    width: 49%;
    height: 100%;
    overflow: hidden;
}

.list_item_course_summary, .list_item_lesson_summary {
    float: top;
    height: 40%;
}

.list_item_course_lessons, .list_item_lesson_courses {
    float: top;
    height: 24%;
}

#newsitems, #recenttags, #browse, #recentcourses, #recentlessons {
    background-color: #eeeeee;
    padding: 3px 3px 3px 3px;
    margin: 3px 3px 3px 3px;
}

#id_post {
    width: 99%;
}

form#add_post_div {
    background:#E4EFE2 none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    padding:5px;
}

table.learn {
    width: 100%;
}

td.learn_name {
    width: 25%;
}

td.learn_author {
    text-align: right;
}

td.learn_status {
    text-align: center;
    width: 19px;
}

td.menu_action {
    text-align: center;
    width: 19px;
}

#filter {
    background-color: #79789A;
    width: 100%;
    -moz-border-radius-topleft:1%;
    -moz-border-radius-topright:1%;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
}
#filter a {
    color: white;
    font-size: 12px;
    font-weight: bold;
}
.td_search {
    text-align: left;
}

.td_order {
    text-align: right;
    vertical-align: middle;
}

#searchform {
    display: inline;
}

table.lesson_status, table.track_status {
    border: 4px solid orange;
    background-color: #fafafa;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-collapse: separate;
    -moz-border-radius-topleft:1%;
    -moz-border-radius-topright:5%;
    -moz-border-radius-bottomleft:5%;
    -moz-border-radius-bottomright:1%;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:0px;
}

table.menu, table.lesson_actions, table.course_list, table.bookmarks, table.lesson_data, table.tag_block, table.lesson_info, table.newsitems, table.recenttags {
    background-color: #fafafa;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
    border: 4px solid orange;
    -moz-border-radius-topleft:1%;
    -moz-border-radius-topright:5%;
    -moz-border-radius-bottomleft:5%;
    -moz-border-radius-bottomright:1%;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:0px;
}

.tag_block {
    width: 100%;
    overflow: hidden;
}

.list_item, .list_item_user_list {
    border: 1px dashed orange;
    background-color: #fafafa;
    width: 98%;
    height: 65px;
    padding: 3px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

.list_item_user_list {
    height: 50px;
}

.list_item_user_thumbnail {
    width: 50px;
    height: 50px;
}

.list_item_user_thumbnail2 {
    float: left;
    width: 50px;
    height: 50px;
}

.list_item_user_info {
    float: left;
    width: 500px;
    height: 60px;
    overflow: hidden;
}

.list_item_user_info1 {
    float: top;
    height: 20%;
}

.list_item_user_info2 {
    float: top;
    height: 79%;
}

.lesson_summary, .course_summary {
    width: 700px;
    background-color: #f5f5f5;
}

.lesson_content {
    width: 700px;
}

#track_result, #clear_tags, #learn_continue {
    float: left;
    width: 100%;
}

.div_tag_container {
    height: 38px;
    float: left;
}

.div_tag_0, .div_tag_1, .div_tag_2, .div_tag_3, .div_tag_4, .div_tag_5, .div_tag_6 {
    border: 1px solid #dddddd;
    background-color: #d6d6d6;
    float: left;
    margin: 2px;
}

.div_tag_0 {
    font-size: 10pt;
    height: 18px;
}

.div_tag_1 {
    font-size: 12pt;
    height: 20px;
}

.div_tag_2 {
    font-size: 14pt;
    height: 22px;
}

.div_tag_3 {
    font-size: 16pt;
    height: 24px;
}

.div_tag_4 {
    font-size: 18pt;
    height: 26px;
}

.div_tag_5 {
    font-size: 20pt;
    height: 30px;
}

.div_tag_6 {
    font-size: 22pt;
    height: 32px;
}

.login {
    text-align: right;
    float: right;
}

#sitebody {
    background: #59587a;
}

#site {
    width: 950px;
    align: center;
    overflow: hidden;
    border: 2px solid #9999aa;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 0px;
    background: #ffffff;
}

#navigation {
    height: 30px;
    background: #49486A;
    border-top: 1px solid #9999aa;
    margin-top: 2px;
}

#navigationsearch {
    text-align: right;
}

#contentleft {
    background: #49486A;
    float: left;
    width: 200px;
    border-right: 1px solid #9999aa;
}

#contentbottomleft {
    float: left;
    width: 200px;
    border-right: 1px solid #9999aa;
}

#content {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 700px;
}

#contentright {
    float: right;
    width: 200px;
    border-left: 1px solid #9999aa;
    clear: right;
}

#navigationmenu {
    height: 30px;
    margin: 0 auto;
    width: 950px;
}

#navigationmenu ul {
    line-height: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#navigationmenu a {
    color: white;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    margin: 0 10px;
    padding: 5px 20px 0;
    text-decoration: none;
}

#navigationmenu a:hover {
    text-decoration: underline;
}

#navigationmenu li {
    display: inline;
}

/** PAGINATOR **/
.paginator { 
    padding:.5em .75em; 
    float:left; 
    font:normal .8em arial; 
}
 
.paginator .prev-na,
.paginator .next-na {
	padding:.3em;
	font:bold .875em arial;
}
 
.paginator .prev-na,
.paginator .next-na {
	border:1px solid #ccc;
	background-color:#f9f9f9;
	color:#aaa;
	font:bold 1em arial;
}
 
.paginator .prev a, .paginator .prev a:visited,
.paginator .next a, .paginator .next a:visited {
	border:1px solid #7BA0D2;
	background-color:#EBF0FF;
	color:#4B7092;
	padding:.3em;
	font:bold 1em arial;
}
 
.paginator .prev, .paginator .prev-na { margin-right:.5em; }
.paginator .next, .paginator .next-na { margin-left:.5em; }
 
.paginator .page a, .paginator .page a:visited, .paginator .curr {
	padding:.3em;
	font:normal 1em verdana;
	border:1px solid #7BA0D2;
	background-color:#EBF0FF;
	margin:0em .25em;	
	color:#4B7092;
}
 
.paginator .curr { 
	background-color:#5B80B2;
	color:#fff;
	border:1px solid #5B80B2;
	font:normal 1em verdana;
}
 
.paginator .page a:hover,
.paginator .curr a:hover,
.paginator .prev a:hover,
.paginator .next a:hover {
	color:#fff;
	background-color:#5B80B2;
	border:1px solid #5B80B2;
}

/** forms **/
textarea#id_content, textarea#id_summary {
    width: 100%;
}

.tab_edit {
    width: 100%;
}

textarea#id_tab {
    width: 100%;
    font-family: monospace;
    height: 300px;
}

textarea#id_content {
    height: 400px;
}

#quickstart {
    float: right;
    background-color: #FAFAFA;
    border: 4px solid orange;
    -moz-border-radius-topleft:1%;
    -moz-border-radius-topright:5%;
    -moz-border-radius-bottomleft:5%;
    -moz-border-radius-bottomright:1%;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:0px;
    width: 200px;
    text-align: center;
    margin-left: 10px;
}

#quickstart .tag_0, .tag_1, .tag_2, .tag_3, .tag_4, .tag_5, .tag_6 {
    margin: auto;
    height: 10px;
}

#quickstart .tag_0 {
    font-size: 9pt;
}

#quickstart .tag_1 {
    font-size: 10pt;
}

#quickstart .tag_2 {
    font-size: 11pt;
}

#quickstart .tag_3 {
    font-size: 12pt;
}

#quickstart .tag_4 {
    font-size: 13pt;
}

#quickstart .tag_5 {
    font-size: 14pt;
}

#quickstart .tag_6 {
    font-size: 15pt;
}

button.rating {
    background: transparent url(http://tonictrack.com/static_media/images/rating.png) repeat-x scroll;
    border: 0 none;
    padding: 0;
    width: 80px;
    height: 16px;
}

button.rating-0 {
    background-position: -80px 0px;
}

button.rating-1 {
    background-position: -64px -16px;
}

button.rating-2 {
    background-position: -64px 0px;
}

button.rating-3 {
    background-position: -48px -16px;
}

button.rating-4 {
    background-position: -48px 0px;
}

button.rating-5 {
    background-position: -32px -16px;
}

button.rating-6 {
    background-position: -32px 0px;
}

button.rating-7 {
    background-position: -16px -16px;
}

button.rating-8 {
    background-position: -16px 0px;
}

button.rating-9 {
    background-position: 0px -16px;
}

button.rating-10 {
    background-position: 0px 0px;
}

.navbar {
    color: #111111;
    width: 680px;
    height: 25px;
    background-color: #DDDDDD ; 
    -moz-box-shadow: -10px -10px 0px #000;
    -webkit-box-shadow: -10px -10px 0px #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 5px 5px 15px;
}
.navbar_previous {
    float: left;
    width: 100px;
    height: 25px;
    margin-top: 5px;
    line-height: 15px;
    margin-bottom: 5px;
}
.navbar_course {
    float: left;
    width: 470px;
    height: 25px;
    margin-top: 5px;
    line-height: 15px;
    margin-bottom: 5px;
}
.navbar_next {
    float: left;
    width: 100px;
    text-align: right;
    height: 25px;
    margin-top: 5px;
    line-height: 15px;
    margin-bottom: 5px;
}