/*global*/
a {
	color:#27718C;
    text-decoration:none;
}
.inline{
    display:inline;
}
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
	clear:both; 
	margin:0;
	padding:0;
}
.clr{
    overflow:hidden;
}
.timestamp{
    color:#999999;
    font-size:12px;
    padding-left:3px;
}
.top-pad{
    padding-top:18px;
}
.bottom-pad{
    padding-bottom:18px;
}
/*header*/
#header{
    height:100px;
}
    #appNav{
        text-align:left;
    }
    
    #appTitle{
        position:relative;
        text-align:left;
        height:56px;
        overflow:hidden;        
    }      
        #appTitle h2{        
            font-size:18px;
            padding:0;
            position:absolute;
            top:11px;  
            margin:0;      
        }        
        #appTitle h2 a{
            color:#9BB70D;
            display:block;
            height:35px;
            outline-color:-moz-use-text-color;
            outline-style:none;
            outline-width:0;
            padding:0 0 0 36px;
        }
        #appTitle h2 a .appLogo{
            border:0; 
            position:absolute;
            left:0px;
            top:2px;
        }        
        #appTitle h2 a sub{
            line-height: 0;
            vertical-align: baseline;
            font-size: 8px;
            font-weight: normal;    
            padding-left: 1px;
            text-transform:uppercase;
        }        
        #appTitle .slogan{
            display:block;
            font-size:11px;
            font-weight:normal;
            left:36px;
            position:relative;
            top:-15px;
        }        
        #search{
            position:absolute;
            right:140px;
            text-align:left;            
            bottom:10px;
        }                  
        #status{
            position:absolute;
            right:8px;
            width:300px;
            text-align:right;            
            bottom:25px;
        }  
        
    #appMenu{
        clear:both;
        background:#86B74A;
        height:26px;
        padding: 0;    
    }    
    #appMenu ul {
        margin: 0;
        padding: 0;
        position: relative;
    }
    #appMenu ul li {
        display: inline;
    }
    #appMenu ul li span {
        float: left;
        position: relative;
    }
    #appMenu ul li span a {
        display: block;
        float: left;
        margin: 0;
        height: 26px;
        line-height: 26px;
        padding: 0 20px;
        font-size: 14px;
        font-weight: bold;
        color: white;
        text-align: center;
    }
    #appMenu ul li span:hover {
        background-color:#58833B;
    }
    #appMenu ul li span a:hover {
        text-decoration: none;
    }
    #appMenu ul li.menuRight span {
        float: right;
        font-size: 11px;
    }
    #appMenu ul li.menuRight span a {
        font-size: 11px;
        font-weight: bold;
    }
    #appMenu ul li.selected span {
        background:#58833B;
    }

/*content*/    
#content{
        
}
    .media-box{
        overflow:hidden;
        position:relative;
    }            
    .media-box .fixed-media{
        display:block;
        float:left;
        margin:0;
        padding:0;
    }        
    .media-box .text{
        padding-top:33px;
        margin-left:64px;
    }  
    .media-box .text h2{
        margin:0;
    }       
    .widget{
        margin-bottom:18px;
        position:relative;
    }
        .widget ul li{
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
        }                
        .header{    
            border-bottom:1px solid #CCCCCC;
            height:18px;
            position:relative;    
            padding-bottom:8px;
            *padding-bottom:0px;
            margin-bottom:12px;                        
        }
            .header h1, .header h2, .header h3, .header h4{
                margin:0;
                position:relative;                               
            }           
            .header .left{
                margin-right:10px;
            }     
            .header ul.tabs{                                 
	            height:18px;
    	        overflow:visible;
	            position:relative;                 
	            margin:0;
	            *margin:0;	            
	            *padding-bottom:0;            	            
             }             
            .header ul.tabs li{                
                height:18px;
                padding: 5px 8px 4px 8px;
                overflow:visible;
                position:relative;
	            float:left;
	            margin-right:2px;
	            position:relative;                
            }
            .header ul.tabs li a{                
            	color:#9BB70D;
            }            
            .header ul.tabs li.selected{      
                font-weight:bold;         
                background-color:#9BB70D;
            }
            .header ul.tabs li.selected a{      
            	color:#FFFFFF;
            }            
            .header ul.tabs li.last{      
            	margin-right:0px;
            }        
            .header .timestamp{
                margin-top:6px;
            }     
		.breadcrumbs{
			margin-bottom:4px;                                 
		}  
        .action{
        	display:block;
            border-bottom:1px solid #CCCCCC;   
            margin-bottom:12px;                                 
        }                             
        .content{
            position:relative;
        }   
            .content ul{
                margin:0 3px 0 3px;
            }
            .content ul.stream{
                left:30px;
                margin-right:30px;
                *margin-right:0;
                position:relative;
            }               
            .content ul.media-stream{
                left:64px;
                margin-right:64px;
                *margin-right:0;
            }                   
            .content ul.stream li{
                display:block;                            
                border-bottom:1px solid #EEEEEE;
                margin-bottom:8px;                
                padding-bottom:12px;                
                position:relative;
            }      
            .content ul li p{                
                margin: 3px 0 0 0;                
            }
            .content ul li p.meta{                
                color:#999999;
                font-size:12px;                
            }              
            .content s.stream{            
                height:24px;
                overflow:hidden;
                position:absolute;
                width:24px;
            }            
            .content ul.stream li s{
                left:-30px;
                position:absolute;
                top:-2px;
            }
            .content ul.media-stream li s{
                left:-64px;
                position:absolute;                
                top:0;
            }          
          

/*footer*/    
#footer{
    border-top:1px solid #CCCCCC;
    padding-top:24px;
    margin-top:145px;
}
    #shuffle{
		text-align:left;
    }

    #i18n{
        margin:10px;        
    }

    #copyright{
        font-weight:bold;        
    }
        span.icp{
            font-size:75%;
            font-weight:normal;        
            color:#ccc;
        }
    #company{
        color:#ccc;
        text-align:right;        
    }


/* module */
/* pagination */

a.paginate {
	background: #787878;
	color: #FFF;
	font-size: 10px;
	padding: 2px 6px;
}

a.paginate:hover {
	background: #74BEB9;
}

div.pagination-bottom {
	display:block;
	background:#fff;
	margin:0 0 3px;
	padding:10px 20px;
	position:relative;
	text-align: right;
}

div.pagination-top {
	position:absolute;
	top:18px;
	right:18px;
	margin:0;
	padding:0;
}


/** PAGINATOR **/
.paginator { padding:.5em 0 .75em .5em; font:normal .8em arial; text-align:right;}
 
.paginator .prev-na,
.paginator .next-na {
	padding:.3em;
	font:bold .875em arial;
}
 
.paginator .prev-na,
.paginator .next-na {
	border:1px solid #ccc;
	background-color:#f9f9f9;
	color:#aaa;
	font-weight:normal;
}
 
.paginator .prev a, .paginator .prev a:visited,
.paginator .next a, .paginator .next a:visited {
	border:1px solid #c2ee62;
	background-color:#edfdd0;
	color:#234f32;
	padding:.3em;
	font:bold .875em arial;
}
 
.paginator .prev, .paginator .prev-na { margin-right:.5em; }
.paginator .next, .paginator .next-na { margin-left:.5em; }
 
.paginator .page a, .paginator .page a:visited, .paginator .curr {
	padding:.25em;
	font:normal .875em verdana;
	border:1px solid #C2EE62;
	background-color:#EDFDD0;
	margin:0em .25em;	
	color:#006000;
}
 
.paginator .curr { 
	background-color:#234f32;
	color:#fff;
	border:1px solid #234f32;
	font-weight:bold;
	font-size:1em;
}
 
.paginator .page a:hover,
.paginator .curr a:hover,
.paginator .prev a:hover,
.paginator .next a:hover {
	color:#fff;
	background-color:#234f32;
	border:1px solid #234f32;
}


/* FORM */
label {font-weight:bold;padding-bottom:8px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.form_label {padding-bottom:8px; font-weight: bold;}
.form_field {padding-bottom:13px;}
.form_help {padding-bottom:13px; display:none;}

.form_field, .form_error{text-align:left;}
.form_error{margin-bottom:10px;}
.form_field span{margin: 0 0 0 10px; vertical-align:baseline;}
.form_error ul li{color:#CC0000;}
.errors {color:#CC0000}
.errors input, .errors select, .errors textarea {border:1px solid #FBC2C4;}
.errorlist {margin: 0 0 0.5em 1.5em; padding:0.4em 1.6em 0.6em 0.2em;}

/* yui-t sidebar */
.yui-t1 #sidebar input,
.yui-t1 #sidebar select,
.yui-t1 #sidebar textarea
{width:115px;}

a.button, button {
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  display:block;
  float:left;

  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}