/* 
    Document   : main
    Created on : 03-Jul-2011, 16:25:33
    Author     : Baz
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

        body{
                background : #000;
            }
            
             *
            {
             color : #AA2932;
            }
            
            .centertext
            {
                 text-align: center;
            }
            
            #banner
            {
                margin :auto;
            }
            
            #main
            {
                min-width : 995px;
                width : 85%;
                height : 600px;
                margin :auto;
                position : relative;
                top : 20px;
                left : 0px;
                clear:  both;
                
            }
            
            #leftMenu
            {
                width : 220px;
                position : absolute;
                top : 0px;
                left: 0px;
                height :100%;
                padding-top: 10px;
            }

            #leftMenu ul
            {
                padding:0; 
                margin:0; 
            }
            
            #leftMenu ul li{
        	  list-style-type:none;
                  padding-left : 5px;
                  padding-top : 10px;

            }
            
            #leftMenu li a{
                margin-left : 35px;
                display : block;
                
            }
            
            #main #content
            {
                min-width : 600px;
                width : 70%;
                position : absolute;
                top : 0px;
                left: 240px;
                height : 585px;
                padding : 15px;
                padding-top : 0px;
                margin-bottom:  10px;
                color: #AA2932;
                overflow-x : hidden;
                overflow-y:auto;
                background: transparent;
                /* Theoretically for IE 8 & 9 (more valid) */
                /* ...but not required as filter works too */
                /* should come BEFORE filter */
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

                /* This works in IE 8 & 9 too */
                /* ... but also 5, 6, 7 */
                filter: alpha(opacity=0);

                /* Older than Firefox 0.9 */
                -moz-opacity:0;

                /* Safari 1.x (pre WebKit!) */
                -khtml-opacity: 0;

                /* Modern!
                /* Firefox 0.9+, Safari 2?, Chrome any?
                /* Opera 9+, IE 9+ */
                opacity: 0;
            } 
            
            .loadimage,.loading
            {
             display : block;
             overflow : hidden;
             height : 25px;
             width : 25px;
             display : none;
             float : left;
            }
            
            .loading
            {
                display : block;
                background : url('/images/layout/loadingGray.gif');
                background-repeat: no-repeat;
                float : left;
            }
            

            
            .breaker
            {
                width : 80%;
                margin :auto;
                margin: 15px;
                margin-left : auto;
                margin-right : auto;
            }
            .breaker span
            {
             display: inline-block;
             float : left;
             background-repeat: none;
            
            }
            
             .breaker .left
            {
                background: url("/images/layout/cross_bar_left.png") no-repeat scroll 0 0 transparent;
                width: 17px;
            }
            .breaker .right{
                background: url("/images/layout/cross_bar_right.png") no-repeat scroll 0 0 transparent;
                width: 17px;
            }
            
            .breaker .middle {
                 background: url("/images/layout/cross_bar_mid.png") repeat scroll 0 0 transparent;
                 min-width : 600px;
                  width: 96%;
            }