/*------------------*/
/* NOT USED ANYMORE */
.null_box
{
    margin: 15px;
    border: none;
    font-family: inherit;
    font-size: 12px;
    color: black;
    text-align: left;
    position: relative;
}
.null_box .head
{
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.notice_red
{
    margin: 15px;
    background-color: #FFEBE8;
    border:1px solid #EDB8B8;
    font-family: inherit;
    font-size: 12px;
    color: black;
    text-align: left;
    position: relative;
}
.notice_blue
{
    margin: 15px;
    border:solid 1px #689DD5;
    background-color: #F4FAFF;
    font-family: inherit;
    font-size: 12px;
    color: black;
    text-align: left;
    position: relative;
}
.notice_green
{
    margin: 15px;
    background-color: #DDF8CC;
    border:1px solid #80C65A;
    font-family: inherit;
    font-size: 12px;
    color: black;
    text-align: left;
    position: relative;
}
.notice_yellow
{
    margin: 15px;
    background-color: #FFFFEE;
    border: 1px solid #d9d996;
    font-family: inherit;
    font-size: 12px;
    color: black;
    text-align: left;
    position: relative;
}
.notice_head
{
    font-weight: bold;
    padding: 5px 5px 5px 10px;
	font-size: 14px;
}
.notice_body
{
    padding: 5px 5px 5px 10px;
    font-size: 12px;
    line-height: 17px;
}
.notice_body h2{
    font-size:18px;
    font-weight:bold;
}
/* NOT USED ANYMORE */
/*------------------*/
.link_img_large
{
    opacity:.7;
    position:absolute;
    top:0px;
    right:0px;
}
.link_img_large:hover
{
    opacity:1.0;
}
.light_thumb
{
    opacity: .7;
    padding: 2px;
    height: 60px;
}
.light_thumb:hover
{
    text-decoration: none;
    opacity: 1.0;
}
.link_img_nav_prev
{
    position:absolute;
    top:134px;
    left:0px;
    opacity: 0.7;
}
.link_img_nav_prev:hover
{
    opacity: 1.0;
}
.link_img_nav_next
{
    position:absolute;
    top:134px;
    right:0px;
    opacity: .7;
}
.link_img_nav_next:hover
{
    opacity: 1.0;
}
div.fieldset {
	margin: 5px 0;
	padding: 0px;
}
div.fieldset span.legend {
	position: relative;
	padding: 3px;
	top: -30px;
	background-color: #FAFAFA;
}

div.flash {
	width: 100%;
}
.move
{
    cursor: move;
}
.rejected
{
    background-color: #FFEBE8;
}
.link_small
{
    font-size: 90%;
}
.image_controls
{
    text-align:left;
    position:absolute;
    width: 340px;
    top:0px;
    left:0px;
    background-color:#111111;
    opacity:.6;
    padding:5px;
    margin: 0 10px 10px 10px;
}
.time {
    color:gray;
    font-size:90%;
    font-weight:normal;
}
.inactive
{
    background-color: #FFEBE8;
    border:1px solid #EDB8B8;
}
.active
{
    border:solid 1px #689DD5;
    background-color: #F4FAFF;
}
.hint {
    position: absolute;
    width: 200px;
    margin-top: -4px;
    margin-left: 8px;
    border: 1px solid #c93;
    padding: 10px 12px;
    font-size: 90%;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/site/pointer.gif) no-repeat -10px 5px;
    z-index: 5;
    line-height: 18px;
    color: black;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/site/pointer.gif) left top no-repeat;
}
.errorlist
{
    font-size: 100%;
    padding: 5px;
    margin: 0px;
    list-style: none;
    background: #F7CBCA;
}
.error-list
{
    position: absolute;
    margin-top: -4px;
    margin-left: 8px;
    border: 1px solid #c93;
    padding: 5px 12px;
    font-size: 90%;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #F7CBCA url(/images/site/pointer_error.gif) no-repeat -10px 5px;
    z-index: 4;
    line-height: 18px;
}
.error-pointer
{
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/site/pointer_error.gif) left top no-repeat;
}
.validation
{
    position: absolute;
    width: 200px;
    margin-top: -4px;
    margin-left: 8px;
    padding: 5px 12px;
    font-size: 90%;
    color: black;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    z-index: 4;
    line-height: 18px;
}
.validation_ok
{
    background: #DDF8CC url(/images/site/tick.png) no-repeat 5px 5px;
    padding-left: 25px;
    border:1px solid #80C65A;
}
.validation_error
{
    border: 1px solid #c93;
    background: #F7CBCA url(/images/site/error.png) no-repeat 5px 5px;
    padding-left: 25px;
}

/* The pointer image is hadded by using another span */
.validation .pointer
{
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/site/pointer_ok.gif) left top no-repeat;
}
.tip_element
{
    position: absolute;
    z-index: 200;
}
.tip_element .body
{
    text-align: left;
    background-color: #FFC;
    border: 1px solid #C93;
    font-size: 90%;
    color: black;
    width: 250px;
    height: 80px;
    padding: 10px;
}
.tip_element .footer
{
    position: absolute;
    bottom: -9px;
    width: 19px;
    height: 10px;
    background: url(/images/site/tip_footer.gif) 50% top no-repeat;
    width: 100%;
}
.tip_element .close
{
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(/images/site/close.gif) no-repeat;
    height: 15px;
    width: 15px;
}
.tip_element .close:hover
{
    background: url(/images/site/close_hover.gif) no-repeat;
}
.close
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size:80%;
}
.message .close:hover
{
    background: url(/images/site/close_hover.gif) no-repeat;
}
.thumb{
	border: 1px solid #DDE6D7;
}
.thumb:hover{
	border: 1px solid #AAAAAA;
    text-decoration: none;
}
.thumb_url
{
}
.thumb_url:hover
{
    text-decoration: none;
}
.link_close
{
    position: absolute;
    right: -1px;
    top: -1px;
    background: url(/images/site/close.gif) no-repeat;
    height: 15px;
    width: 15px;
}
.link_close:hover
{
    background: url(/images/site/close_hover.gif) no-repeat;
}
.feed_pause{
    background: transparent url(/images/site/control_pause.png) no-repeat;
    padding: 4px;
    text-decoration: none;
}
.feed_pause:hover
{
    text-decoration: none;
}
.feed_run{
    background: transparent url(/images/site/control_play.png) no-repeat;
    padding: 4px;
    text-decoration: none;
}
.feed_run:hover
{
    text-decoration: none;
}
.activity a
{
    font-size: 10px;
}
.action_links a
{
    font-size: 11px;
}
.controls
{
    /*margin:0;
    padding:0;*/
    z-index: 1;
}
.controls div
{
    cursor:pointer;
    /*float:left;*/
    /*list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    position:relative;*/
}
.controls a.ui-icon
{
    /*float:left;*/
}