﻿html,body,h1,h2,h3,h4,h5,h6
{
    margin: 0px;
}

body
{
    padding: 0px;
    font-family: "Lucida Sans Unicode",Trebuchet,sans-serif;
    font-size: 80%;
    background-color: #e2ecee;
}

#root-background 
{
    width: 1110px;
    margin: 0px auto;
    background-image: url('images/background-content.png');
    background-repeat: repeat-y;    
}
#root
{
    width: 1020px;
    margin: 0px auto;
}
#root-content
{
    position: relative;
}

/* HEADER */
#header
{
    height: 212px;
    background-image: url('images/header.jpg');
    position: relative;
}
#header-background 
{
    position: absolute;
    left: -45px;
    width: 1108px;
    height: 284px;
    background-image: url('images/background-header.png');
}
#header-logo a
{
    position: absolute;
    width: 440px;
    height: 100px;
} 

#header-box
{
    position: absolute;
    height: 29px;
    right: 80px;
    top: 0px;
}
#header-box .header-box
{
    position: relative;
    top: 0px;
    right: 0px;
    width: 120px;
    height: 29px;
    float: left;
    margin-left: 2px;
    text-align: center;
}
#header-box .header-box-left
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 4px;
    height: 29px;
    background-image: url('images/header-box-left.png');
}
#header-box .header-box-right
{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 4px;
    height: 29px;
    background-image: url('images/header-box-right.png');
}
#header-box .header-box-content
{
    display: block;
    padding: 0px 26px;
    height: 29px;
    line-height: 29px;
    font-size: 11px;
    background-image: url('images/header-box-middle.png');
}
#header-box .header-box a
{
    text-decoration: none;
    color: #cfcfcf;    
}
#header-box .header-box a:hover
{
    color: white;    
}
#header-box .header-box-search-icon
{
    vertical-align: middle;
    position: relative;
    border: none;
    top: -2px;
}

#header-navigation1
{
    position: absolute;
    left: 34px;
    right: 0px;
    top: 120px;
    height: 60px;
}
#header-navigation1 ul 
{
    margin: -6px 0px 0px 0px;
    padding: 0px;
}
#header-navigation1 li
{
    float: left;
    padding: 0px;
    list-style-type: none;
}
#header-navigation1 a
{
    display: block;
    width: 100px;
    height: 71px;
    line-height: 83px;
    text-align: center;
    
    color: #5c4909;
    text-decoration: none;
    font-family: Arial, "Arial CE", sans-serif;
    font-size: 16px;
    font-weight: bold;
}
#header-navigation1 a:hover
{
    background-image: url('images/header-navigation1-selected.jpg');
    color: #807645;
}

#header-navigation2
{
    position: absolute;
    left: 34px;
    right: 0px;
    top: 180px;
    height: 30px;
}
#header-navigation2 ul
{
    margin: 0px;
    padding: 0px;
}
#header-navigation2 ul.toplevel > li
{
    float: left;
    position: relative;
}
#header-navigation2 li
{
    list-style-type: none;    
}
#header-navigation2 ul.toplevel a
{
    display: block;
    text-align: center;
    width: 170px;
    
    text-decoration: none;
    font-size: 12px;
}
#header-navigation2 ul.toplevel ul a
{
    padding: 10px 5px;    
}
#header-navigation2 ul.toplevel > li > a
{
    height: 30px;
    line-height: 34px;
    padding: 0px 5px;
}
.header-navigation2-popup
{
    background-color: #595959;
    width: 190px;
    display: none;
    position: absolute;
    top: 30px;
    left: -10px;
    z-index: 10;
}
#header-navigation2 a
{
    color: white;    
}
#header-navigation2 a:hover
{
    color: #dda804;
}

.header-login
{
    position: absolute;
    right: 80px;
    top: 30px;
    padding: 10px;
    z-index: 20;
    
    color: #efefef;
    font-size: 85%;
    background-color: #747d82;
}
.login
{
    margin: 30px auto;
    width: 240px;
}
.header-login td, .login td
{
    padding: 2px;
    vertical-align: bottom;
}
.header-login-title, .login-title
{
    text-align: left;
    font-size: 150%;
}
.header-login input
{
    font-size: 80%;
}

/* FOOTER */
#footer
{
    position: relative;
    height: 127px;
    background-image: url('images/footer.jpg');
}
#footer-background-1 
{
    position: absolute;
    left: -64px;
    top: -127px;
    width: 64px;
    height: 254px;
    background-image: url('images/background-footer.png');
    background-position: top left;
}
#footer-background-2
{
    position: absolute;
    left: 1020px;
    top: -127px;
    width: 64px;
    height: 254px;
    background-image: url('images/background-footer.png');
    background-position: top right;
}
#footer-logo a
{
    position: absolute;
    left: 0px;
    top: 12px;
    width: 250px;
    height: 65px;
    display: block;
}
#footer-note
{
    position: absolute;
    left: 30px;
    bottom: 10px;
    font-size: 80%;
    color: #393939;
    text-transform: uppercase;
}
#footer-ad
{
    position: absolute;
    left: 520px;
    right: 0px;
    top: 20px;
}
#footer-ad h5
{
    color: White;
    font-size: 65%;
    padding: 2px 10px;
}
#footer-ad1
{
    width: 460px;
    height: 80px; 
}


/* THREE COLUMN LAYOUT */
#default-columns
{
    border-collapse: collapse;
    width: 100%;
    margin: 0px;
    padding: 0px;
    min-height: 500px;
}
#default-columns td
{
    padding: 0px;
    vertical-align: top;
}
#default-columns-header-separator
{
    height: 16px;
    background-image: url('images/default-header-separator.png');
}

#default-columns-footer-separator
{
    height: 15px;
    background-image: url('images/default-footer-separator.png');
}

#default-column1
{
    width: 341px;
    background-image: url('images/default-column1.png');
}
#default-column2
{
    width: 339px;
    background-image: url('images/default-column2.png');
}
#default-column3
{
    width: 340px;
    background-image: url('images/default-column3.png');
}

.default-column1-picker
{
    width: 315px;
    margin: -16px auto 10px auto;
}
.default-column13-block, .default-column2-block, .default-column2-block-alternate, .article-column1
{
    padding: 0px 10px;
}
hr, .default-column-separator, .article-column-separator
{
    clear: both;
    height: 0px;
    padding: 6px 0px;
    background-image: url('images/default-column1-separator.png');
    background-position: center center;
    background-repeat: repeat-x;
    display: block;
    margin: 0px 10px;
    border: solid 0px #e6e6e6; 
}
.default-column2-block-alternate
{
    background-image: url('images/default-column2-alternate.png');
}
.default-column2-block-alternate h4
{
    color: White;
}
.default-column2-separator1
{
    background-image: url('images/default-column2-separator1.png');
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 12px;
}
.default-column2-separator2
{
    background-image: url('images/default-column2-separator2.png');
    background-position: center top;
    background-repeat: repeat-x;
    height: 12px;
}

.default-image-placeholder, .article-image-placeholder
{
    display: block;
    position: relative;
    width: 300px;
    height: 100px;
    margin: 0px auto;
    border: solid 3px #3f4140;    
}
.default-image-placeholder img, .article-image-placeholder img
{
    border: none;
}
.default-image-placeholder-title, .article-image-placeholder-title
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 2px;
    background-color: #2d2d2d;
    color: White;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

#default-ad-square
{
    width: 300px;
    margin: 0px auto;
}
#default-ad-square td
{
    width: 150px;
    height: 110px;
    padding: 10px 0px;
}
#default-ad-square1 img, #default-ad-square2 img
{
    width: 110px;
    height: 110px;
    margin: 0px 20px;
}
#default-ad-large
{
    margin: 10px auto 0px auto;
    padding-bottom: 20px;
    width: 300px;
}
#default-ad-large img
{
    width: 300px;
}

.default-profilerotator-image
{
    float: left;
    margin: 10px;
}

/* TWO COLUMNS */
#article-columns
{
    border-collapse: collapse;
    width: 100%;
    margin: 0px;
    padding: 0px;
    min-height: 500px;    
}
#article-columns td
{
    padding: 0px;
    vertical-align: top;
}
#article-columns-header-separator
{
    height: 16px;
    background-image: url('images/article-header-separator.png');
}
#article-column1
{
    width: 341px;
    background-image: url('images/article-column1.png');
}
#article-column2
{
    width: 679px;
    background-image: url('images/article-column2.png');
}

.article-column2-navigation
{
    margin: 2px 20px;
}
.article-column2-navigation a
{
    color: #6c6c6c;
    text-transform: uppercase;
    font-size: 85%;
}
.article-column2-navigation a:hover
{
    color: #8d8d8d;
}
.article-text
{
    margin: 10px;
    width: 650px;
    min-height: 450px;
    clear: both;
}

#article-column2-comments-separator
{
    height: 19px;
    background-image: url('images/article-column2-comments-separator.png');
}
#article-column2-comments
{
    background-image: url('images/article-column2-comments.png');
    color: #c9c9c9;
}
#article-column2-comments a, #article-column2-comments a:hover
{
    color: white;
}

.article-column2-comments-post
{
    margin: 0px 20px;
    width: 635px;
    font-size: 88%;
    color: #b9b9b9;
}
.article-column2-comments-post h4
{
    padding-left: 0px;
    margin-left: 0px;
    font-weight: normal;
}
.article-column2-comments-post h4.intense
{
    font-size: 120%;
    font-weight: bold;
}
.article-column2-comments-quote
{
    padding-left: 10px;
    vertical-align: middle;
}
.article-column2-comments-post-date
{
    float: right;
    padding: 10px 0px 0px 0px;
    font-size: 90%;
}
.article-column2-comments-post-header
{
    margin: 0px 0px 0px 3px;
    height: 8px;
    background-image: url('images/article-column2-comments-post-header.png');
    background-position: left top;
}
.article-column2-comments-post-content
{
    margin: 0px 0px 0px 3px;
    clear: both;
    border: solid 1px #b9b9b9;
    border-top: none;
    padding: 5px 10px;
}
.article-column2-comments-post-new
{
    margin: 0px 20px 0px 23px;
    width: 635px;
    height: 80px;
}
.article-column2-comments-post-new td
{
    margin: 0px;
    padding: 0px;
    border: none;
}
.article-column2-comments-textbox textarea
{
    background-color: transparent;
    border: solid 1px #b9b9b9;
    color: #b9b9b9;
    font-size: 9pt;
    width: 590px;
    height: 66px;
    overflow: auto;
}
.article-column2-comments-submit
{
    width: 34px;
}
.article-column2-comments-submit input
{
    width: 34px;
    height: 69px;
    border: solid 1px transparent;
    background-image: url('images/article-column2-comments-submit.png');
}
.article-column2-comments-submit input:hover
{
    background-image: url('images/article-column2-comments-submit-hover.png');
}

.article-social
{
    float: right;
    padding: 10px;
}
.article-social td
{
    padding: 0px 10px !important;
    vertical-align: middle !important;
    text-align: center !important;
}
.article-social h4
{
    color: #929292;
    padding: 0px;
    margin: 0px;
}
.article-social img
{
    border: none;
}

/* ONE COLUMN LAYOUT */
#simple-content
{
    background-image: url('images/simple-content.png');
    min-height: 500px;
    padding: 15px 15px 130px 15px;
}
#simple-content-header
{
    background-image: url('images/simple-content-header.png');
    height: 16px;
}
#simple-content-footer
{
    background-image: url('images/simple-content-footer.png');
    height: 15px;
}

/* UNIVERSITIES */
.universities-table
{
    padding-left: 10px;
}
.universities-table-box
{
    float: left;
    padding: 20px 10px;
}

.university-msptable
{
    width: 90%;
    margin: 10px auto;
}
.university-msptable td
{
    width: 50%;
    text-align: center;
    padding: 10px 0px !important;
}

/* PROFILES */
td.profile-table-left
{
    width: 105px;
}


/* PICKER */
.picker 
{
    height: 30px;
    background: url('images/default-column1-bar.png');
    background-position: center bottom;
    background-repeat: repeat-x;
    padding: 0px;
}
.picker-item
{
    list-style-type: none;
    float: right;
    height: 30px;
    padding: 0px;
    margin: 0px;
    width: 45px;
    line-height: 10px;
    font-size: 8px;
    text-transform: uppercase;
    text-align: center;
}
.picker-item-selected
{
    background: url('images/default-column1-bar-selected.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}

/* PAGER */
.pager
{
    text-align: center;
    text-transform: uppercase;
    font-size: 110%;
    font-weight: bold;
    color: black;
    padding: 10px;
}
.pager a
{
    color: #8b8b8b;
    text-decoration: none;
}
.pager a:hover
{
    color: #ababab;
    text-decoration: none;
}

/* COMMENTS */
.comments-count
{
    display: block;
    width: 44px;
    height: 32px;
    float: right;
    margin: 10px 10px 0px 10px;
    background: url('images/comments-icon.png');
    line-height: 32px;
    color: #4f3c06;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}

/* GENERAL STYLES */
p 
{
    text-align: justify;
    margin: 0px 8px;
    padding: 4px;
}
.article-text p
{
    text-indent: 1em;
}
p.noindent
{
    margin: 0px;
    padding: 4px 0px;
    text-indent: 0px;
}

.article-text table
{
    margin-left: 10px;
}

.center
{
    text-align: center;
}

.moreinfo-link
{
    float: right;
}
.author
{
    color: #626262;
    text-indent: 0;
    font-size: 90%;
}
.author-small
{
    color: #626262;
    text-indent: 0;
    margin: 0px 8px;
    font-size: 80%;
}

h1
{
    display: none;
}
h2
{
    color: #8a8a8a;
    text-transform: uppercase;
    font-family: Arial, "Arial CE", sans-serif;
    font-size: 156%;
    font-weight: bold;
    padding: 10px 20px 3px 20px;
}
h2 a
{
    color: #8a8a8a;
}
h2 a:hover
{
    color: #aaaaaa;
}
h3
{
    color: #4e4e4e;
    text-transform: uppercase;
    font-family: Arial, "Arial CE", sans-serif;
    font-size: 134%;
    font-weight: bold;
    padding: 10px 10px 3px 10px;
}
h3 a
{
    color: #4e4e4e;
}
h3 a:hover
{
    color: #6e6e6e;
}
h4
{
    color: #dda804;
    text-transform: uppercase;
    font-family: Arial, "Arial CE", sans-serif;
    font-size: 110%;
    font-weight: bold;
    padding: 10px 10px 3px 10px;
} 
h4 a
{
    color: #dda804;
}   
h4 a:hover
{
    color: #fdc824;
} 
.article-text h4
{
    color: #4e4e4e;
}
h5
{
    color: #5e5e5e;
    text-transform: uppercase;
    font-family: Arial, "Arial CE", sans-serif;
    font-size: 70%;
    font-weight: normal;
    padding: 10px 10px 3px 10px;
}   
h5 a 
{
    color: #5e5e5e;
}
h5 a:hover
{
    color: #7e7e7e;
} 
h6
{
    padding: 10px 10px 0px 0px;
}

a
{
    color: #4e4e4e;
}
a:hover
{
    color: #6e6e6e;
}

.cleaner
{
    clear: both;
}


.form td
{
    padding: 6px 3px !important;
}
.form-required
{
    font-weight: bold;
}
.ajax__calendar td
{
    padding: 0px !important;
}
td.form-separator
{
    width: 30px;
}

.article-column1-avatar
{
    float: left;
    margin: 15px;
}

.article-filter-tag-item
{
    list-style-type: disc;
    margin-top: 3px;
    margin-bottom: 3px;
}

.article-filter-user
{
    padding: 5px 25px;
    text-align: center;
}

.article-filter-text
{
    padding: 5px 25px;
    text-align: center;
}

.article-filter-cancel
{
    float: right;
    padding: 10px 15px;
    font-style: italic;
}



.rss-image
{
    float: right;
    margin: 5px;
}
.rss-image img
{
    border: none;
}

.hidden
{
    visibility: hidden;
}


pre
{
    width: 580px;
    margin: 20px;
    border: dashed 1px gray;
    background-color: White;
    font-size: 9pt;
    font-family: Consolas,Courier New,sans-serif;
    padding: 20px 5px;
    overflow: scroll;
}