/* Make HTML take 100% of the page */
html {
 height:100%; 
}
/* Turn off all padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,iframe {
 margin:0;
 padding:0;
}
/* Turn off borders */
table { border-collapse:collapse; }
fieldset,img { border:0; }
/* Make all text tags normal by default */
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
strong { font-style:normal; font-weight:bold; }
/* Turn off list styles */
ol,ul { list-style:none; }
/* Align captions and table headers left */
caption,th { text-align:left; }
/* Make headers all 100% */
h1,h2,h3,h4,h5,h6 { font-size:100%; }
/* Set up default fonts and background */
body {
 font:normal x-small verdana, arial, helvetica, sans-serif;
 background-color:white;
 z-index:1;
 height: 100%;
 top: 0px;
}
.fileupload-buttonbar { font-size:medium; }
.external-buttonbar { font-size:medium; }
/* Set up fonts for text areas */
textarea { font: normal small verdana, arial, helvetica, sans-serif; }
input[type=hidden] { position:absolute; }
input[type=checkbox], input[type=radio] { margin-top:.4em; }
/* Set up headers */
h1 { font-size:18px; font-weight: normal; }
h2 { color:#368; font-size: 13px; }
h2 a { text-decoration:none }
h2 a:visited { color:#368 }
h2 a:hover { text-decoration:underline }
h3 { font-size:110%;  }
/* no borders around linked images */
a img { border:0 none; }
a { text-decoration:none; color: #368; }
.content img { 
height:auto; 
max-width:100%;
padding:5px;
background-color:#F1F1F1;
}

.content .media img { 
padding:5px;
background-color:#F1F1F1; 
}

.regular {
    color: #336688;
    text-decoration: none;
}

.content { font-size:12pt; font-weight: normal; }
.content ul {padding-left:1.5em; list-style:disc; }
.content p {padding-bottom:0.75em; }
.entry-detail { margin: 0 0 48px; }
.details { padding-top:5px; }

/* Underline when hovering on a link */
.hover-under a:hover { text-decoration:underline }

.pointer {cursor: pointer;}

.topfield {
    background-color: #CEE3F8;
    border-radius: 4px 4px 4px 4px;
    font-size: large;
    padding: 5px 10px 10px;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    float: left;
    min-width: 260px;
    width:60%;
}

.topfield-content {
    border: medium none;
    margin-top: 5px;
    vertical-align: top;
    width: 100%;
}

.topfield input[type="text"], .defaultfield input[type="password"], .defaultfield select[multiple="multiple"] {
    border: 1px solid gray;
    font-size: 100%;
    margin: 0;
    padding: 3px;
    width: 98%;
}

.defaultfield {
    background-color: #CEE3F8;
    border-radius: 4px 4px 4px 4px;
    font-size: large;
    padding: 5px 10px 10px;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
}

.defaultfield-content {
    border: medium none;
    margin-top: 5px;
    vertical-align: top;
}

.defaultfield input[type="text"], .defaultfield input[type="password"], .defaultfield select[multiple="multiple"] {
    border: 1px solid gray;
    font-size: 100%;
    margin: 0;
    padding: 3px;
    width: 50%;
}

.defaultfield textarea {
    border: 1px solid gray;
    font-size: 100%;
    margin: 0;
    padding: 3px;
    width: 98%;
}

.commentfield {
    background-color: #CEE3F8;
    border-radius: 4px 4px 4px 4px;
    font-size: large;
    padding: 5px 10px 10px;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
}
.commentfield textarea {
    border: 1px solid gray;
    font-size: 100%;
    margin: 0;
    padding: 3px;
    width: 98%;
    height: 50px;
}

.child {
    border-left: 1px dotted #AAAAFF;
    margin-left: 25px;
    margin-top: 10px;
}

/* Selection Tag */
/*.selected { font-weight:bold; }*/

/* Horizontal list */
.h-list {list-style-type:none; display: inline;}
.h-list li, .h-list form {list-style:none; display:inline; white-space: nowrap; }
.h-list .selected a { color:orangered; /* Change this*/ }
.alert { color:#FF551C; /* Change this*/ }
.h-list .alert a { color:#FF551C; /* Change this*/ }

/* Div work */
div.add-top, .add-top {margin-top:1.5em;}
div.add-bottom, .add-bottom {margin-bottom:1.5em;}
.box { overflow:auto; border-radius: 6px 6px 6px 6px; padding:1.5em 1.5em 1.5em; margin-bottom:1.0em;background:#e5eCf9; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);}
.lbox { overflow:auto; border-radius: 6px 6px 6px 6px; padding:1.5em 1.5em 1.5em; margin-bottom:1.0em;background:#f8f9f9; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);}
.unread { background:#FA9F50; }
.hoverbox {padding:.5em 1.5em 1.5em;margin-bottom:1.5em;border-radius: 6px;}
.hoverbox:hover {background:#e5eCf9; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
hr.blank {clear:both;float:none;width:100%;height:1px;margin:0 0 1px;border:none;background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container-70:after, .container-80:after, .container-90:after, .container-100:after, .container-1000:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.meta-data {padding-bottom:5px;}

/* Projects */
.project-icon { width:70px; height:70px; background:#e5eCf9; float:center; margin:0 auto;}
.yo-rating {margin:0 auto; text-align:center; float:center;}
.down { }
.up { }
.on { color:#fffa00; text-shadow: 0 1px 0 #666;}
.off { text-shadow: 0 1px 0 #666;}

#header{background-color:#ddd;}

/* Grid Systems */
/* Containers */
.container-70 {width:70%;margin:0 auto;}
.container-80 {width:80%;margin:0 auto;}
.container-90 {width:90%;margin:0 auto;}
.container-100p{width:100%;margin:0 auto;}
.container-100{width:100%;margin:0 auto; min-width:1000px;}
.container-1000{width:1000px;margin:0 auto;}

/* Columns */
/* Columns with borders*/

.col-0, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20 {float:left;margin-right:1.0%;}
.last {margin-right:0%;}
.col-1 {width:4%;}
.col-2 {width:9%;}
.col-3 {width:14%;}
.col-4 {width:19%;}
.col-5 {width:24%;}
.col-6 {width:29%;}
.col-7 {width:34%;}
.col-8 {width:39%;}
.col-9 {width:44%;}
.col-10 {width:49%;}
.col-11 {width:54%;}
.col-12 {width:59%;}
.col-13 {width:64%;}
.col-14 {width:69%;}
.col-15 {width:74%;}
.col-16 {width:79%;}
.col-17 {width:84%;}
.col-18 {width:89%;}
.col-19 {width:94%;}
.col-20 {width:99%; margin-right:0%;}

.col-border-0, .col-border-2, .col-border-4, .col-border-6, .col-border-8, .col-border-10, .col-border-12, .col-border-14, .col-border-16, .col-border-18, .col-border-20 {float:left;margin-right:1.0%; padding-right:1.95%; border-right:thin solid #ddd;}
.last {margin-right:0%;}
.col-border-2 {width:7%;}
.col-border-4 {width:17%;}
.col-border-6 {width:27%;}
.col-border-8 {width:37%;}
.col-border-10 {width:47%;}
.col-border-12 {width:57%;}
.col-border-14 {width:67%;}
.col-border-16 {width:77%;}
.col-border-18 {width:87%;}
.col-border-20 {width:97%;margin-right:0%;}

input.col-1, textarea.col-1, input.col-2, textarea.col-2, input.col-3, textarea.col-3, input.col-4, textarea.col-4, input.col-5, textarea.col-5, input.col-6, textarea.col-6, input.col-7, textarea.col-7, input.col-8, textarea.col-8, input.col-9, textarea.col-9, input.col-10, textarea.col-10, input.col-11, textarea.col-11, input.col-12, textarea.col-12, input.col-13, textarea.col-13, input.col-14, textarea.col-14, input.col-15, textarea.col-15, input.col-16, textarea.col-16, input.col-17, textarea.col-17, input.col-18, textarea.col-18, input.col-19, textarea.col-19, input.col-20, textarea.col-20, input.col-21, textarea.col-21, input.col-22, textarea.col-22, input.col-23, textarea.col-23, input.col-24, textarea.col-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.col-1, textarea.col-1 {width:2%;}
input.col-2, textarea.col-2 {width:7%;}
input.col-3, textarea.col-3 {width:12%;}
input.col-4, textarea.col-4 {width:17%;}
input.col-5, textarea.col-5 {width:22%;}
input.col-6, textarea.col-6 {width:27%;}
input.col-7, textarea.col-7 {width:32%;}
input.col-8, textarea.col-8 {width:37%;}
input.col-9, textarea.col-9 {width:42%;}
input.col-10, textarea.col-10 {width:47%;}
input.col-11, textarea.col-11 {width:52%;}
input.col-12, textarea.col-12 {width:57%;}
input.col-13, textarea.col-13 {width:62%;}
input.col-14, textarea.col-14 {width:67%;}
input.col-15, textarea.col-15 {width:72%;}
input.col-16, textarea.col-16 {width:77%;}
input.col-17, textarea.col-17 {width:82%;}
input.col-18, textarea.col-18 {width:87%;}
input.col-19, textarea.col-19 {width:92%;}
input.col-20, textarea.col-20 {width:97%;}

.add-col-r-1 {padding-right:5%;}
.add-col-r-2 {padding-right:10%;}
.add-col-r-3 {padding-right:15%;}
.add-col-r-4 {padding-right:20%;}
.add-col-r-5 {padding-right:25%;}
.add-col-r-6 {padding-right:30%;}
.add-col-r-7 {padding-right:35%;}
.add-col-r-8 {padding-right:40%;}
.add-col-r-9 {padding-right:45%;}
.add-col-r-10 {padding-right:50%;}
.add-col-r-11 {padding-right:55%;}
.add-col-r-12 {padding-right:60%;}
.add-col-r-13 {padding-right:65%;}
.add-col-r-14 {padding-right:70%;}
.add-col-r-15 {padding-right:75%;}
.add-col-r-16 {padding-right:80%;}
.add-col-r-17 {padding-right:85%;}
.add-col-r-18 {padding-right:90%;}
.add-col-r-19 {padding-right:95%;}

.add-col-l-1 {padding-left:5%;}
.add-col-l-2 {padding-left:10%;}
.add-col-l-3 {padding-left:15%;}
.add-col-l-4 {padding-left:20%;}
.add-col-l-5 {padding-left:25%;}
.add-col-l-6 {padding-left:30%;}
.add-col-l-7 {padding-left:35%;}
.add-col-l-8 {padding-left:40%;}
.add-col-l-9 {padding-left:45%;}
.add-col-l-10 {padding-left:50%;}
.add-col-l-11 {padding-left:55%;}
.add-col-l-12 {padding-left:60%;}
.add-col-l-13 {padding-left:65%;}
.add-col-l-14 {padding-left:70%;}
.add-col-l-15 {padding-left:75%;}
.add-col-l-16 {padding-left:80%;}
.add-col-l-17 {padding-left:85%;}
.add-col-l-18 {padding-left:90%;}
.add-col-l-19 {padding-left:95%;}

.adj-col-l-1 {margin-left:-5%;}
.adj-col-l-2 {margin-left:-10%;}
.adj-col-l-3 {margin-left:-15%;}
.adj-col-l-4 {margin-left:-20%;}
.adj-col-l-5 {margin-left:-25%;}
.adj-col-l-6 {margin-left:-30%;}
.adj-col-l-7 {margin-left:-35%;}
.adj-col-l-8 {margin-left:-40%;}
.adj-col-l-9 {margin-left:-45%;}
.adj-col-l-10 {margin-left:-50%;}
.adj-col-l-11 {margin-left:-55%;}
.adj-col-l-12 {margin-left:-60%;}
.adj-col-l-13 {margin-left:-65%;}
.adj-col-l-14 {margin-left:-70%;}
.adj-col-l-15 {margin-left:-75%;}
.adj-col-l-16 {margin-left:-80%;}
.adj-col-l-17 {margin-left:-85%;}
.adj-col-l-18 {margin-left:-90%;}
.adj-col-l-19 {margin-left:-95%;}
.adj-col-l-20 {margin-left:-100%;}
.adj-col-l-1, .adj-col-l-2, .adj-col-l-3, .adj-col-l-4, .adj-col-l-5, .adj-col-l-6, .adj-col-l-7, .adj-col-l-8, .adj-col-l-9, .adj-col-l-10, .adj-col-l-11, .adj-col-l-12, .adj-col-l-13, .adj-col-l-14, .adj-col-l-15, .adj-col-l-16, .adj-col-l-17, .adj-col-l-18, .adj-col-l-19, .adj-col-l-20{float:left;position:relative;}

.adj-col-r-1 {margin:0 -5% 1.5em 5%;}
.adj-col-r-2 {margin:0 -10% 1.5em 10%;}
.adj-col-r-3 {margin:0 -15% 1.5em 15%;}
.adj-col-r-4 {margin:0 -20% 1.5em 20%;}
.adj-col-r-5 {margin:0 -25% 1.5em 25%;}
.adj-col-r-6 {margin:0 -30% 1.5em 30%;}
.adj-col-r-7 {margin:0 -35% 1.5em 35%;}
.adj-col-r-8 {margin:0 -40% 1.5em 40%;}
.adj-col-r-9 {margin:0 -45% 1.5em 45%;}
.adj-col-r-10 {margin:0 -50% 1.5em 50%;}
.adj-col-r-11 {margin:0 -55% 1.5em 55%;}
.adj-col-r-12 {margin:0 -60% 1.5em 60%;}
.adj-col-r-13 {margin:0 -65% 1.5em 65%;}
.adj-col-r-14 {margin:0 -70% 1.5em 70%;}
.adj-col-r-15 {margin:0 -75% 1.5em 75%;}
.adj-col-r-16 {margin:0 -80% 1.5em 80%;}
.adj-col-r-17 {margin:0 -85% 1.5em 85%;}
.adj-col-r-18 {margin:0 -90% 1.5em 90%;}
.adj-col-r-19 {margin:0 -95% 1.5em 95%;}
.adj-col-r-20 {margin:0 -100% 1.5em 100%;}
.adj-col-r-1, .adj-col-r-2, .adj-col-r-3, .adj-col-r-4, .adj-col-r-5, .adj-col-r-6, .adj-col-r-7, .adj-col-r-8, .adj-col-r-9, .adj-col-r-10, .adj-col-r-11, .adj-col-r-12, .adj-col-r-13, .adj-col-r-14, .adj-col-r-15, .adj-col-r-16, .adj-col-r-17, .adj-col-r-18, .adj-col-r-19, .adj-col-r-20{float:left;position:relative;}

.fcol-0, .fcol-05, .fcol-1, .fcol-2, .fcol-3, .fcol-4, .fcol-5, .fcol-6, .fcol-7, .fcol-8, .fcol-9, .fcol-10, .fcol-11, .fcol-12, .fcol-13, .fcol-14, .fcol-15, .fcol-16, .fcol-17, .fcol-18, .fcol-19, .fcol-20 {float:left;margin-right:10px;}
.last {margin-right:0px;}
.fcol-05 {width:20px;}
.fcol-1 {width:40px;}
.fcol-2 {width:90px;}
.fcol-3 {width:140px;}
.fcol-4 {width:190px;}
.fcol-5 {width:240px;}
.fcol-6 {width:290px;}
.fcol-7 {width:340px;}
.fcol-8 {width:390px;}
.fcol-9 {width:440px;}
.fcol-10 {width:490px;}
.fcol-11 {width:540px;}
.fcol-12 {width:590px;}
.fcol-13 {width:640px;}
.fcol-14 {width:690px;}
.fcol-15 {width:740px;}
.fcol-16 {width:790px;}
.fcol-17 {width:840px;}
.fcol-18 {width:890px;}
.fcol-19 {width:940px;}
.fcol-20 {width:990px; margin-right:0px;}

.fcol-border-0, .fcol-border-2, .fcol-border-4, .fcol-border-6, .fcol-border-8, .fcol-border-10, .fcol-border-12, .fcol-border-14, .fcol-border-16, .fcol-border-18, .fcol-border-20 {float:left;margin-right:10px; padding-right:19px; border-right:1px solid #ddd;}
.last {margin-right:0px;}
.fcol-border-2 {width:70px;}
.fcol-border-4 {width:170px;}
.fcol-border-6 {width:270px;}
.fcol-border-8 {width:370px;}
.fcol-border-10 {width:470px;}
.fcol-border-12 {width:570px;}
.fcol-border-14 {width:670px;}
.fcol-border-16 {width:770px;}
.fcol-border-18 {width:870px;}
.fcol-border-20 {width:970px;margin-right:0px;}

input.fcol-1, textarea.fcol-1, input.fcol-2, textarea.fcol-2, input.fcol-3, textarea.fcol-3, input.fcol-4, textarea.fcol-4, input.fcol-5, textarea.fcol-5, input.fcol-6, textarea.fcol-6, input.fcol-7, textarea.fcol-7, input.fcol-8, textarea.fcol-8, input.fcol-9, textarea.fcol-9, input.fcol-10, textarea.fcol-10, input.fcol-11, textarea.fcol-11, input.fcol-12, textarea.fcol-12, input.fcol-13, textarea.fcol-13, input.fcol-14, textarea.fcol-14, input.fcol-15, textarea.fcol-15, input.fcol-16, textarea.fcol-16, input.fcol-17, textarea.fcol-17, input.fcol-18, textarea.fcol-18, input.fcol-19, textarea.fcol-19, input.fcol-20, textarea.fcol-20{border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.fcol-1, textarea.fcol-1 {width:38px;}
input.fcol-2, textarea.fcol-2 {width:88px;}
input.fcol-3, textarea.fcol-3 {width:138px;}
input.fcol-4, textarea.fcol-4 {width:188px;}
input.fcol-5, textarea.fcol-5 {width:238px;}
input.fcol-6, textarea.fcol-6 {width:288px;}
input.fcol-7, textarea.fcol-7 {width:338px;}
input.fcol-8, textarea.fcol-8 {width:388px;}
input.fcol-9, textarea.fcol-9 {width:438px;}
input.fcol-10, textarea.fcol-10 {width:488px;}
input.fcol-11, textarea.fcol-11 {width:538px;}
input.fcol-12, textarea.fcol-12 {width:588px;}
input.fcol-13, textarea.fcol-13 {width:638px;}
input.fcol-14, textarea.fcol-14 {width:688px;}
input.fcol-15, textarea.fcol-15 {width:738px;}
input.fcol-16, textarea.fcol-16 {width:788px;}
input.fcol-17, textarea.fcol-17 {width:838px;}
input.fcol-18, textarea.fcol-18 {width:888px;}
input.fcol-19, textarea.fcol-19 {width:938px;}
input.fcol-20, textarea.fcol-20 {width:988px;}
.add-fcol-r-05 {padding-right:25px;}
.add-fcol-r-1 {padding-right:50px;}
.add-fcol-r-2 {padding-right:100px;}
.add-fcol-r-3 {padding-right:150px;}
.add-fcol-r-4 {padding-right:200px;}
.add-fcol-r-5 {padding-right:250px;}
.add-fcol-r-6 {padding-right:300px;}
.add-fcol-r-7 {padding-right:350px;}
.add-fcol-r-8 {padding-right:400px;}
.add-fcol-r-9 {padding-right:450px;}
.add-fcol-r-10 {padding-right:500px;}
.add-fcol-r-11 {padding-right:550px;}
.add-fcol-r-12 {padding-right:600px;}
.add-fcol-r-13 {padding-right:650px;}
.add-fcol-r-14 {padding-right:700px;}
.add-fcol-r-15 {padding-right:750px;}
.add-fcol-r-16 {padding-right:800px;}
.add-fcol-r-17 {padding-right:850px;}
.add-fcol-r-18 {padding-right:900px;}
.add-fcol-r-19 {padding-right:950px;}
.add-fcol-l-05 {padding-left:25px;}
.add-fcol-l-1 {padding-left:50px;}
.add-fcol-l-2 {padding-left:100px;}
.add-fcol-l-3 {padding-left:150px;}
.add-fcol-l-4 {padding-left:200px;}
.add-fcol-l-5 {padding-left:250px;}
.add-fcol-l-6 {padding-left:300px;}
.add-fcol-l-7 {padding-left:350px;}
.add-fcol-l-8 {padding-left:400px;}
.add-fcol-l-9 {padding-left:450px;}
.add-fcol-l-10 {padding-left:500px;}
.add-fcol-l-11 {padding-left:550px;}
.add-fcol-l-12 {padding-left:600px;}
.add-fcol-l-13 {padding-left:650px;}
.add-fcol-l-14 {padding-left:700px;}
.add-fcol-l-15 {padding-left:750px;}
.add-fcol-l-16 {padding-left:800px;}
.add-fcol-l-17 {padding-left:850px;}
.add-fcol-l-18 {padding-left:900px;}
.add-fcol-l-19 {padding-left:950px;}
.adj-fcol-l-1 {margin-left:-50px;}
.adj-fcol-l-2 {margin-left:-100px;}
.adj-fcol-l-3 {margin-left:-150px;}
.adj-fcol-l-4 {margin-left:-200px;}
.adj-fcol-l-5 {margin-left:-250px;}
.adj-fcol-l-6 {margin-left:-300px;}
.adj-fcol-l-7 {margin-left:-350px;}
.adj-fcol-l-8 {margin-left:-400px;}
.adj-fcol-l-9 {margin-left:-450px;}
.adj-fcol-l-10 {margin-left:-500px;}
.adj-fcol-l-11 {margin-left:-550px;}
.adj-fcol-l-12 {margin-left:-600px;}
.adj-fcol-l-13 {margin-left:-650px;}
.adj-fcol-l-14 {margin-left:-700px;}
.adj-fcol-l-15 {margin-left:-750px;}
.adj-fcol-l-16 {margin-left:-800px;}
.adj-fcol-l-17 {margin-left:-850px;}
.adj-fcol-l-18 {margin-left:-900px;}
.adj-fcol-l-19 {margin-left:-950px;}
.adj-fcol-l-20 {margin-left:-1000px;}
.adj-fcol-l-1, .adj-fcol-l-2, .adj-fcol-l-3, .adj-fcol-l-4, .adj-fcol-l-5, .adj-fcol-l-6, .adj-fcol-l-7, .adj-fcol-l-8, .adj-fcol-l-9, .adj-fcol-l-10, .adj-fcol-l-11, .adj-fcol-l-12, .adj-fcol-l-13, .adj-fcol-l-14, .adj-fcol-l-15, .adj-fcol-l-16, .adj-fcol-l-17, .adj-fcol-l-18, .adj-fcol-l-19, .adj-fcol-l-20{float:left;position:relative;}
.adj-fcol-r-1 {margin:0 -50px 1.5em 50px;}
.adj-fcol-r-2 {margin:0 -100px 1.5em 100px;}
.adj-fcol-r-3 {margin:0 -150px 1.5em 150px;}
.adj-fcol-r-4 {margin:0 -200px 1.5em 200px;}
.adj-fcol-r-5 {margin:0 -250px 1.5em 250px;}
.adj-fcol-r-6 {margin:0 -300px 1.5em 300px;}
.adj-fcol-r-7 {margin:0 -350px 1.5em 350px;}
.adj-fcol-r-8 {margin:0 -400px 1.5em 400px;}
.adj-fcol-r-9 {margin:0 -450px 1.5em 450px;}
.adj-fcol-r-10 {margin:0 -500px 1.5em 500px;}
.adj-fcol-r-11 {margin:0 -550px 1.5em 550px;}
.adj-fcol-r-12 {margin:0 -600px 1.5em 600px;}
.adj-fcol-r-13 {margin:0 -650px 1.5em 650px;}
.adj-fcol-r-14 {margin:0 -700px 1.5em 700px;}
.adj-fcol-r-15 {margin:0 -750px 1.5em 750px;}
.adj-fcol-r-16 {margin:0 -800px 1.5em 800px;}
.adj-fcol-r-17 {margin:0 -850px 1.5em 850px;}
.adj-fcol-r-18 {margin:0 -900px 1.5em 900px;}
.adj-fcol-r-19 {margin:0 -950px 1.5em 950px;}
.adj-fcol-r-20 {margin:0 -1000px 1.5em 1000px;}
.adj-fcol-r-1, .adj-fcol-r-2, .adj-fcol-r-3, .adj-fcol-r-4, .adj-fcol-r-5, .adj-fcol-r-6, .adj-fcol-r-7, .adj-fcol-r-8, .adj-fcol-r-9, .adj-fcol-r-10, .adj-fcol-r-11, .adj-fcol-r-12, .adj-fcol-r-13, .adj-fcol-r-14, .adj-fcol-r-15, .adj-fcol-r-16, .adj-fcol-r-17, .adj-fcol-r-18, .adj-fcol-r-19, .adj-fcol-r-20{float:left;position:relative;}

.icon {
    float: left;
    margin: 0 8px 5px 8px;
    overflow: hidden;
    width: 70px;
}

.sbox {
	border-radius: 3px 3px 3px 3px; 
	padding:3px 3px 3px 3px;  
	margin-bottom:1.5em;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
}

/* Blocks */
.sidemenu {
    clear: left;
    float: left;
    list-style: none outside none;
    margin: 0px 5px 15px;
    padding: 0;
    position: relative;
    width: 100%;
}

div.block {
    margin-bottom: 1em;
    clear: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    clear: both;
    #font-size: 12px;
    padding-bottom: 10px;
    clear: both;
    padding: 0;
}

h2.blockhead {
    font-weight: 600;
}

.blockhead {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color:#474747;
    border: 1px solid #3E3E3E;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    padding: 4px 10px;
}

.blockbody {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F8F8F8;
    border-color: -moz-use-text-color #E8E8E8 #E8E8E8;
    border-right: 1px solid #E8E8E8;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    background: none no-repeat scroll 0 0 #FFFFFF;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    padding: 0;
}

.blockbody .row {
    padding: 0;
    background: none repeat scroll 0 0 #F8F8F8;
}

.blockbody .row:hover {
	position: relative;
}

.blockbody .row li:hover {
	color: rgb(0, 0, 0);
	text-decoration: none;
}

.blockbody .keyrow {
    border-bottom: 1px solid #6B91AB;
}

.blockbody .row .msg_icon {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.blocksubhead {
    border-top: 1px solid #CECECE;
    color: #000;
    padding: 4px 10px;
}

div.block li a {
    /*padding: 0 10px 0 30px;*/
    text-decoration: none;
}

.blockbody .row .active {
    background-color: #FFEB90;
}

.row {
    padding: 5px 10px;
}

.content-container {
	float: left;
    padding: 10px 0;
    width: 100%;
    z-index: 1;
}


.left-content-container-margin
{
	margin-left: 240px;
}


.right-content-container-margin
{
	margin-right: 240px;
}

.left-content-container-nmargin
{
	margin-left: -240px;
}


.right-content-container-nmargin
{
	margin-right: -240px;
}

.left-content-container {
    float: left;
    margin-bottom: 3em;
    padding: 10px 0;
    width: 200px;
    margin-right: 20px;
    margin-left: 20px;
    z-index: 9999;
    position:relative;
}

.right-content-container {
    float: right;
    margin-bottom: 3em;
    padding: 10px 0;
    width: 210px;
    margin-right: 20px;
}

.sidebar {
    background: #F1F1F1;
    border: 1px solid #C1C1C1;
    border-radius: 5px 5px 5px 5px;
    box-shadow: -2px 2px 2px #FFFFFF;
    float: left;
    width: 99%;
    z-index: 9999;
}

.object-block {
    position: relative;
    width: 100%;
}

.vote-block {
    padding-left: 25px;
    width: 40px;
    float: left;
    margin-right: 10px;
}

.icon-block {
    width: 90px;
    float: left;
    margin-right: 10px;
}

.detail-block {
    float: left;
    margin-right: 10px;
}

.content-block {
	float: left;
    width: 100%;
}

.object-row {
	float: left;
    width: 100%;
}

.headline-block {
	float: left;
	width: 100%;
}

.comment-block {
    width: 42%;
}

.comment-column {
	max-width: 60em;
    overflow: auto;
}

.comment-form {
	margin-left:10px;
}

.main-wrapper {
	float: left;
    width: 100%;
    min-width: 400px;
}

.date {
	float:right;
}

.msglist .row .datetime {
    float: right;
    font-size: 11px;
    margin-right: 20px;
    padding-left: 10px;
    text-align: right;
}

.msglist .row {
    background: none repeat-x scroll center bottom #FFFFFF;
    border-top: 1px solid #CEDFEB;
    clear: both;
    position: relative;
    padding: 5px 10px;
}

.msglist .row:first-child {
    border-top: medium none;
}

.msglist .row .subject {
    font-size: 13px;
}

.msglist .row .senders {
    padding-top: 0.5em;
}

.senders li {
    display: inline;
}

.comment {
	padding-bottom: 1.5em;
}

.comment ul li a {
	color: #368;
}

/* Login */
.login-form {
    border: 1px solid gray;
    padding: 10px;
}

.see-all {
margin: 10px;
}

.pagination {
    color: gray;
    font-size: small;
    margin: 10px 0px 10px 10px;
}
.pagination a {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    padding: 1px 4px;
}
.pagination a:hover {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #82A6C9;
}
.pagination a:active {
    background: none repeat scroll 0 0 #E4E4E4;
}
.pagination .separator {
    border-left: 1px solid #CCCCCC;
    margin: 0 0 0 0.5em;
    padding-left: 0.5em;
}
.login-form input[type="text"], .login-form input[type="password"] {
    border: 1px solid #999999;
    height: 17px;
    margin: 5px 0 0 5px;
    padding: 1px;
    top: 5px;
    width: 137px;
}

.centre-block {
	text-align:justify;
	width:50%;
	min-width:420px;
}

/* Tooltips */

.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	text-decoration: none;
	position: relative;
}
.tooltip span.info {
	margin-left: -999em;
	position: absolute;
	white-space:normal;
}
.tooltip:hover span.info {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
	white-space:normal;
}

.tooltip ul.info {
	margin-left: -999em;
	position: absolute;
	white-space:normal;
}

.tooltip:hover ul.info {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
	white-space:normal;
}

.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
.comments { font-size: x-small; }


.nav {
  margin-bottom: 18px;
  margin-left: 0;
  list-style: none;
  background: none repeat scroll 0 0 #F1F1F1;
  font-size: 12px;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover {
  text-decoration: none;
  background-color: #ffffff;
}

.nav > .pull-right {
  float: right;
}

.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li + .nav-header {
  margin-top: 9px;
}

.nav-stack {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.nav-stack > li > a,
.nav-stack .nav-header {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-stack > li > a {
  padding: 3px 15px;
}

.nav-stack > .active > a,
.nav-stack > .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.nav-stack [class^="icon-"] {
  margin-right: 2px;
}

.nav-stack .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

input, textarea {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

textarea, input[type=text], input[type=password] {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
}

/*
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
*/
textarea:focus, input[role="textbox"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border: 2px solid #FFFFCC !important;
    outline: 0 none !important;
}

textarea:focus, input[role="textbox"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border: 1px solid #4D90FE !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.form-error textarea, .form-error input[type="checkbox"], .form-error input[type="email"], .form-error input[type="number"], .form-error input[type="password"], .form-error input[type="text"], .form-error input[type="url"] {
	border: 1px solid #DD4B39;
}

.error-text {
	color: #DD4B39;
	font-size: 11px;
}

.errorlist {
	color: #DD4B39;
	font-size: 11px;
}

.msg_elem {
    border: 1px solid #E9E9E9;
    clear: both;
    color: #3E3E3E;
    display: block;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

.msg_details {
    background: none repeat scroll 0 0 #F1F1F1;
    float: left;
    width: 100%;
}

.hitoinfo {
    background: none repeat scroll 0 0 #F1F1F1;
    clear: both;
    display: block;
    float: left;
    font-size: 11px;
    padding: 2px 10px 5px;
    position: relative;
    width: 180px;
}

.msg_body {
    background: none repeat scroll 0 0 #FAFAFA;
    border-left: 1px solid #EFEFEF;
    margin-left: 200px;
    padding-bottom: 1em;
}

.msg_row {
    padding: 5px 10px 10px;
}

.msg_title {
    border-bottom: 1px solid #C8C8C8;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.title-block
{
	padding:5px 5px 2px 5px;
}

.description-block
{
	padding:2px 7px;
	max-width:40%;
	height:40px;
	overflow:auto;
}

.footer {
    bottom: 0;
    clear: both;
    left: 0;
    width: 100%;
    padding-top:20px;
    font-size: larger;
    text-align: center;
}

.footer .bottom {
    clear: both;
    color: #B8B8B8;
}

.time {
	border-bottom: 0.1em dotted #227798;
}

.timeago {
	border-bottom: 0.1em dotted #227798;
}

.invisible {display:none;}

.content-block img {cursor:pointer;}