/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#wrapper_selection_accordion {
    width: 100px; 
}
	
#wrapper_accordion_alert_archiv_list {
    width: 160px;
}	
	
#wrapper_accordion_alert_list {
    width: 100%;
    /*margin-right:		20px;*/
    padding-right: 30px;
}

.accordionButtonOptionsTop {
    margin:0;
    padding: 0;
}

.accordionButtonSelectionTop .symbol {
    float: left;
}

.accordionButtonLocation {	
    margin-right: 15px;
    padding: 2px 10px;
    float: 				right;
    _float: none;  /* Float works in all browsers but IE6 */
    background:                     #555; 
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ccc;
}

.accordionButtonSelectionTop {
    width: 188px;
    padding: 6px 10px;
    margin: 4px 0 0 0;
    float: right;
    _float: none;  /* Float works in all browsers but IE6 */
    /*
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    */
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;    
    
    color: #eee;    
}

span.options {
    float: left;
    padding: 1px 0 0 5px; 
}

.top_options {
    width: 200px;
    padding: 5px 10px 4px 10px;
}

.accordionButtonSelection {	
    width: 183px;
    padding: 4px 8px;
    margin: 1px 4px 0 0;
    float: right;
    _float: none;  /* Float works in all browsers but IE6 */

    color: #eee;
}

.accBtnStatic {	
    width: 183px;
    padding: 4px 8px;
    margin: 1px 4px 0 0;
    float: right;
    _float: none;  /* Float works in all browsers but IE6 */

    color: #eee;
}


.accordionButtonAlarms {
    width: 918px;
    margin-right: 15px;
    padding: 2px 10px;
    float: left;
    _float: none;  /* Float works in all browsers but IE6 */
    background: #555; 
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ccc;    
}



.accordionButtonLocation span {	
    font-size: 0.7em;
}	
	
.accordionButtonLocation span img {	
    margin-top: 2px;
}

.accordionButtonLocation span.date {	
    float: right;
    font-size: 1em;
}	
		
.accordionButtonLocation p {
    margin: 0;
    padding: 0;
}	

.accordionButtonBranding {
    padding: 3px 10px !important;
    border: 1px solid #333 !important;
    
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;    
}

.accordionContentBranding {
    width: 100%;  
}
	
.accordionContentLocation {	
    width: 95%;  
    float: right;
    margin-right: 15px;
    _float: none; /* Float works in all browsers but IE6 */
    padding: 2px 5px;
    background: #bbb;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;        
}

.accordionContentSelection {	
    width: 212px;
    float: right;
    _float: none; /* Float works in all browsers but IE6 */
    padding: 0;
    /*
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#eeeeee)); 
    background-image: -webkit-linear-gradient(top, #dddddd, #eeeeee); 
    background-image:    -moz-linear-gradient(top, #dddddd, #eeeeee); 
    background-image:     -ms-linear-gradient(top, #dddddd, #eeeeee); 
    background-image:      -o-linear-gradient(top, #dddddd, #eeeeee); 
    background-image:   linear-gradient(to bottom, #dddddd, #eeeeee);
    */
    
    /*
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;      
    margin-bottom: 15px;
    */
}

.bottom {
    margin: 0px 5px 10px 5px;
    padding: 5px 4px;
    background: #eee;
/*    background: url(../images/bg_footer.gif) top left repeat-x; */
}

.accordionContentAlarms {	
    width: 100%;  
    float: right;
    _float: none; /* Float works in all browsers but IE6 */

    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;        
}

.accordionInnerContent {
    padding: 0px 4px 0px 9px;
}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/
.small_180 {
    width: 170px;
}

.large_full {
    width: 99%;
}

.on {
    background: #f2b100; /* #f5d41d */
/*    background: #f2b100 url(../images/close_24_sw.png) right no-repeat; */
    color: #222;
}    
	
.over {
    cursor: pointer;
    background: #f2b100; 
    color: #222;
    /* #f5d41d */
}

.over_open {
    cursor: pointer;
    background: #f2b100; /* #f5d41d */
    background: #f2b100 url(../images/open.png) 185px 5px no-repeat;
    color: #222;
}

.over_close {
    cursor: pointer;
    background: #f2b100; /* #f5d41d */
    background: #f2b100 url(../images/close.png) 185px 5px no-repeat;
    color: #222;
}

#accordionButtonAlarmsContainer {
    height: 20px;
}

.accordionButtonAlarms span {
    position: relative;
    width: 120px;
 
    float: right;
    text-align: right;
    margin-right: 0px;
}
#clickme {
}

#slideOpener {
    padding-right: 22px;
}

.slide_opener {
    /*width: 120px;
     padding: 0 20px 0 0; */
    background: url(../images/open_16.png) right bottom no-repeat;
}

.slide_closer {
    /*
    width: 120px;
    padding: 0 20px 0 0; */
    background: url(../images/close_16.png) right bottom no-repeat;
}