/*jquery-collapse-o-matic*/
.collapseomatic {
background-image: url(cssimg/arrow-down.png) !important;
background-repeat: no-repeat;
padding: 0 0 10px 16px;
cursor: pointer;
}
.arrowright {
background-position: top right;
padding: 0 16px 10px 0;
}
.hover {
text-decoration: underline;
}
.close {
background-image: url(cssimg/arrow-up.png) !important;
}
.collapseomatic_content {
margin-top: 0px;
margin-left: 16px;
padding: 0px;
}
.collapseall, .expandall {
cursor: pointer;
}
.collapseall:hover, .expandall:hover {
text-decoration: underline;
}
/*qr-code-tag*/
#qrcttooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
}
#qrcttooltip div { margin: 0; }
#qrctwidget {
align: center;
}

/*ROG_Hot_Threads*/
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 245px;
padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
width: 285px;
height: 430px;
padding: 28px 8px;
background-color: #000;
}

.jcarousel-skin-tango .jcarousel-clip {
overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:  245px;
height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
width:  285px;
height: 430px;
margin-top: -20px;
}

.jcarousel-skin-tango .jcarousel-item {
width: 285px;
height: 32px;
border-bottom: 1px dotted #303030;
color: #bababa;
line-height: 1em;
padding: 6px 0 3px 20px;
font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
background: url(cssimg/badge.png) no-repeat 0 6px;
}

.jcarousel-skin-tango .jcarousel-item a:link, .jcarousel-skin-tango .jcarousel-item a:visited {
color: #bababa;
}

.jcarousel-skin-tango .jcarousel-item a:hover {
color: #fff;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left: 0;
margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 1px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}

/**
*  Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 43px;
right: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(cssimg/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 5px;
right: auto;
background-image: url(cssimg/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 43px;
left: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(cssimg/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left: auto;
right: 5px;
background-image: url(cssimg/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}

/**
*  Vertical Buttons
*/
.jcarousel-skin-tango .jcarousel-next-vertical {
position: absolute;
bottom: 11px;
left: 260px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(cssimg/next-vertical.png) no-repeat 0 -96px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
position: absolute;
top: 443px;
left: 240px;
width: 32px;
height: 32px;
cursor: pointer;
background: url(cssimg/prev-vertical.png) no-repeat 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -32px;
}
.htdate {
font-size: 10px;
color: #545454;
}

.tcontent {
display: none;
position: absolute;
padding: 8px;
border: 1px solid #000000;
background: #545454;
color: #666;
font-size: 13px;
line-height: 1.4em;
margin-top: 15px;
}

.tcontent .ttitle {
color: #fff;
text-shadow: #000 0 -1px 0 ;
}
.tcontent p {
color: #121212;
font-size: 11px;
}
.tcontent .sub {
font-size: 11px;
margin-top: 5px;
font-style: italic;
display: inline;
color: #ccc;
}

/*calendar*/
.calnk a:hover {
background-position:0 0;
text-decoration:none;  
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a:visited {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a {
text-decoration:none; 
color:#000000; 
border-bottom:1px dotted #000000;
}
.calnk a span { 
display:none; 
}
.calnk a:hover span {
color:#333333; 
background:#F6F79B; 
display:block;
position:absolute; 
margin-top:1px; 
padding:5px; 
width:150px; 
z-index:100;
line-height:1.2em;
}
.calendar-table {
border:none;
width:100%;
}
.calendar-heading {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-next {
width:25%;
text-align:center;
}
.calendar-prev {
width:25%;
text-align:center;
}
.calendar-month {
width:50%;
text-align:center;
font-weight:bold;
}
.normal-day-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
}
.weekend-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
color:#FF0000;
}
.day-with-date {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #DFE6DE;
}
.no-events {

}
.day-without-date {
width:60px;
height:60px;
border:1px solid #E9F0E8;
}
span.weekend {
color:#FF0000;
}
.current-day {
vertical-align:text-top;
text-align:left;
width:60px;
height:60px;
border:1px solid #BFBFBF;
background-color:#E4EBE3;
}
span.event {
font-size:0.75em;
}
.kjo-link {
font-size:0.75em;
text-align:center;
}
.calendar-date-switcher {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-date-switcher form {
margin:0;
padding:0;
}
.calendar-date-switcher input {
border:1px #D6DED5 solid;
}
.calendar-date-switcher select {
border:1px #D6DED5 solid;
}
.cat-key {
width:100%;
margin-top:10px;
padding:5px;
border:1px solid #D6DED5;
}
.calnk a:hover span span.event-title {
padding:0;
text-align:center;
font-weight:bold;
font-size:1.2em;
}
.calnk a:hover span span.event-title-break {
width:96%;
text-align:center;
height:1px;
margin-top:5px;
margin-right:2%;
padding:0;
background-color:#000000;
}
.calnk a:hover span span.event-content-break {
width:96%;
text-align:center;
height:1px;
margin-top:5px;
margin-right:2%;
padding:0;
background-color:#000000;
}
.page-upcoming-events {
font-size:80%;
}
.page-todays-events {
font-size:80%;
}