﻿/* Resets & Fixes */
/* These are kept single line because we never want to revist these styles */
*{margin:0;padding:0;}
.hidden{display:none;}
.clear {clear:both;line-height:0;padding:0;margin:0;}
.left {float:left !important;}
.right{float:right !important;}

/* Global */
body {
    font-family:Arial;
    text-align:center;
    }

a {
	font-family:arial;
	font-size: 12px;
	line-height: 14px;
	color: #5e8022;
	text-decoration: none;
    }

    a:hover {
	    text-decoration:underline;
        }    
        
p { 
    display:block;
    margin-bottom:10px;
    font-size:12px;   
    line-height:20px;
    }        
    
ul {
    list-style-type:none; 
    font-size: 11px; 
    color:#706F72; 
    line-height: 20px;    
    }
    
/* Form */
.new-form fieldset {
	float: left;
    border:none;
    padding:3px;
    width:350px;
    }
    
    .new-form fieldset input[type=checkbox] {
    	float: left;
        margin:2px;
        } 
        
    .new-form fieldset label {
    	float: left;    	
    	padding-top: 4px;
        font-size:11px;       
        width:325px;
        margin:2px;
        color: #706F72;
        } 

        
/* Layout */
#page-wrap {
    text-align: left;
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #85a13c;
    }
   
#sidebar {
    float:left;
	width: 265px;	
    }

.sidebar-products {
    margin-left:60px;
    }    
    
    .sidebar-products-info{	    
	    font-size: 12px;
	    line-height: 16px;
	    text-decoration: none;	    
	    color: #706F72;        
	    margin-top:15px;
        margin-left:60px;	    
        }
        

	#sidebar .event-highlight{
		padding:5px;
		}
		
		#sidebar .event-highlight img{
			border:none;
			}		
		
		#sidebar .event-highlight p.event-caption{
			font-size:11px;
			}		
		
#main {
    float:left;
    width:680px;
    padding:5px;        
    }    
    
    .main-header {
        margin-left:20px;
        }
        
        .main-header img {
            float:left;
            }        
        
        .main-header div {
        	height: 125px;
	        width: 387px;
            float:left;
            background:#000;
            color:#fff;
            font-size:11px;
            padding:10px;
            }       

            .main-header div h2 {
                font-weight:normal;
                font-size:22px;
                margin-bottom:15px;
                } 

            .main-header div p {
                font-weight:normal;
                font-size:11px !important;
                line-height:normal;
                margin-bottom:auto;
                }                                   
                
    .main-fat {
        width:435px;
        margin:20px 0 0 20px;
        }    
            
        .about {
            float:left;
            }          
               
            .about .synopsis {            
                margin:15px;
                }

                .about .synopsis p{
                    font-size:12px;
                    line-height:20px;
                    }
                    
        .privacy {
            }
            
            .privacy h2 {
                margin-top:20px;
                border-bottom:none !imporant;
                }                  
             
             .privacy ul {
                margin-left:30px;
                margin-top:5px;
                margin-bottom:5px;
                color:#000 !important;  
                font-size:12px;
                list-style-type:circle;                             
                }  
                    
    .main-fat h2 {
        color:#85a03c;
        border-bottom:3px solid #85a03c;
        padding-bottom:4px;
        margin-bottom:13px;
        font-size:15px;
        }                  


    .main-marketing {
	    float: left;	   
	    width: 265px;	    
	    height: 135px;
	    padding-top:120px;
	    background: url(../images/home_blackbox.gif) no-repeat;    
        }                          
        
        .main-marketing li {	        
	        font-size: 10px;
	        line-height: 20px;
	        color: #78A22E;
	        text-decoration: none;
	        list-style-type: none;
	        display: block;
	        font-weight: bold;
	        margin-left: 48px;            
            }            

            .main-marketing la a {
	            color: #78A22E;
	            text-decoration: none;                
                }            

            .main-marketing la a:hover {
	            color: #00AEEF;
	            text-decoration: none;
	            }                                  
             
/* Header */
#logoheader {
	height: 108px;
	width: 960px;
	background:#ebf0e1 url(../images/vrm_logo_header.jpg) no-repeat;
    }

/* Footer */
#footer {
	width: 960px;
	float: left;
	background: #ebf0e1 url(../images/footer_image.gif) no-repeat left top;
    }
    
    #footer p{
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 11px;
	    color: #706f72;
	    margin:15px 0 20px 0;	    
	    padding-left: 60px;
        }
    
    #footer a {
	    color: #706f72;
	    text-decoration: none;
	    line-height:20px;
        }
    
    #footer a:hover {
        color: #78A22E;
        text-decoration: none;
        }
        
        .footer-menu{
            padding:15px !important;
            }        
            
            .footer-menu li{
                margin:0 10px;
                }
/* Reusable Elements */

    /* Horizontal Menu */
	.horizontal-menu { 
		font-family:arial;
		margin:0; 
		padding:0; 
		}
		
		.horizontal-menu li { 
			padding:0; 
			padding:0; 
			float:left;
			list-style:none;
			}
			
			.horizontal-menu li a {
				text-decoration:none;			
				}

    /* Primary Navigation  */				
    .primary-navigation {
        display:block;
        height:25px;
        background:#fff url(../images/green_menu_bar.gif) repeat-x;
        padding:10px 0 22px 100px;
        }  
        
        .primary-navigation li{
            font-size:12px;
            color:#000;
            list-style-type:none;
            padding-right:44px;            
            }
            
            .primary-navigation li a{
                color:#000;                
                text-decoration:none;
                }
                
            .primary-navigation li a:hover, .primary-navigation li a.selected, a.selected{
                color:#78A22E !important;                
                }                

    /* Primary Navigation  */				
    .primary-navigation {
        display:block;
        height:25px;
        background:#fff url(../images/green_menu_bar.gif) repeat-x;
        padding:10px 0 22px 65px;
        }  
        
        .primary-navigation li{
            font-size:12px;
            color:#000;
            list-style-type:none;
            padding-right:30px;            
            }
            
            .primary-navigation li a{
                color:#000;                
                text-decoration:none;
                }
                
            .primary-navigation li a:hover, .primary-navigation li a.selected, a.selected{
                color:#78A22E !important;                
                }                

    /* Products Navigation */
    .products-navigation {
        float: left;
        width: 265px;        
        margin-bottom:10px;
        }
        
        .products-navigation li{        	        
	        font-size: 11px;
	        line-height: 26px;
	        color: #706F72;
	        text-decoration: none;
	        list-style-type: none;
	        display: block;
	        font-weight: bold;	        
            }            

        .products-navigation li.title {            
            color:#78A22E;            
            font-size:16px;
            font-weight:bold;            
            padding-bottom:5px;            
            }
            
            .products-navigation li a {
                font-size: 11px !important;
	            color: #706F72;
	            text-decoration: none;
                }
                
            .products-navigation li a:hover {
	            color: #78A22E;
	            text-decoration: none;
                }  
            
    /* Synopsis */    
    .synopsis {
        float:left;
        width:180px;
        margin:20px;    
        font-size:11px;    
        min-height:120px;
        }

        .synopsis h2{
            color:#85a03c;
            border-bottom:3px solid #85a03c;
            padding-bottom:4px;
            margin-bottom:13px;
            font-size:15px;
            }        

        .synopsis h3{
            color:#85a03c;            
            padding-bottom:4px;
            margin-bottom:13px;
            font-size:12px;
            }
            
        .synopsis p{
            font-size:11px;  
            line-height:normal;          
            }                

    /* Article */    
    .article {
        float:left;        
        margin-bottom:20px;    
        font-size:11px;            
        }

        .article h2{
            color:#85a03c;            
            padding-bottom:4px;            
            font-size:12px;
            border-bottom:none;
            margin-bottom:0;
            }        

        .article h3{
            font-size:11px;
            font-weight:bold;
            }
            
        .article p{
            font-size:12px;                   
            }

            .article p a {
	            color: #706F72;
	            text-decoration: none;
	            font-size: 11px;
	            width:430px;
	            display:block;
	            overflow:hidden;
                }
                
            .article p a:hover {
	            color: #78A22E;
	            text-decoration: none;
	            font-size: 11px;
                }                                     
                       
    /* Call Out */                          
    .call-out {
        float:right;
        background-color:#EBF0E1;            
        padding:10px;
        width:153px;
        margin:20px 23px 0 0;   
        }                
        
        .call-out p {
            font-size:11px !important;
            line-height:normal !important;             
            }     

        .call-out h2 {
            font-size:11px !important;
            line-height:normal !important;             
            }         

    /* Sitemap List */
    .sitemap-list {
        margin:15px 0;
        }
        
        .sitemap-list li a {
            color:#706F72;
            }

        .sitemap-list li a:hover {            
            color:#78a22e;
            }

    /* About Contact Form */            
    .about-contact-form {
	    font-size: 11px;
        color: #706F72;
        margin:0 0 20px 20px;
        }
        
    /* Contact Form */        
        .contact-form {
        }
        
        .contact-form {
            color:#706F72 !important;            
                     
            }
            
            .contact-form fieldset {
                border:none;
                padding:3px;
                }
                
                .contact-form fieldset label { 
                    width:120px;
                    text-align:right;
                    padding-right:15px;               
                    float:left !important;
                    }
                
                .contact-form fieldset input {
                    float:left !important;
                    padding:2px;
                    width:200px;
                    }

                .contact-form fieldset textarea {
                    float:left !important;
                    width:292px;
                    height:100px;
                    }       
                    
                .contact-form input[type=submit] {
                    margin-top:20px;
                    float:right !important;
                    }                 

    /* Join Form */        
        .join-form {
        }
        
        .join-form {
            color:#706F72 !important;                                 
            }
            
            .join-form fieldset {
                border:none;
                padding:3px;
                }
                
                .join-form fieldset label { 
                    width:130px;
                    text-align:right;
                    padding-right:15px;               
                    float:left !important;
                    font-size:15px;
                    }
                    
                .join-form fieldset.medium-label label { 
                    margin-top:4px; 
                    width:400px;
                    text-align:left;
                    padding-right:15px;               
                    padding-bottom:5px;
                    float:left !important;
                    font-size: 10pt;
                    }

                .join-form fieldset.long-label label { 
                    margin-top:4px;                    
                    width:400px;
                    text-align:left;
                    padding-right:15px;               
                    padding-bottom:5px;
                    float:left !important;
                    }

                .one-column-list span>label { 
                    width:350px !important;
                    text-align:right;
                    padding-right:15px; 
                    font-size:13px;              
                    float:left !important;                    
                    margin:1px !important;                    
                    }      
                    
               .two-column-list span>label { 
					width:150px !important;
					text-align:right;
					padding-right:15px; 
					font-size:13px;              
					float:left !important;                    
					margin:1px !important;                    
					}                
                                    
                .join-form fieldset input {
                    float:left !important;
                    padding:2px;
                    width:200px;
                    }

                .join-form fieldset textarea {
                    float:left !important;
                    width:292px;
                    height:100px;
                    } 
                    
                .join-form fieldset select.long-select {
                    float:left !important;
                    width:225px;          
                    padding:2px;          
                    }                           
                
                .join-form fieldset div.territories {
                    padding:5px;
                    font-size:13px;
                    border-bottom:1px solid #f1f1f1;
                    }

                    .join-form fieldset div.territories select {
                        padding:2px;
                        margin-right:10px;
                        width:130px;
                        }                               
                             
            .join-form input[type=submit] {
                width:75px;
                height:25px;
                float:right !important;
                margin:20px 50%;
                }

            .join-form input[type=checkbox] {
                width:20px;
                margin:3px 0 3px 15px;
                }                    

            .join-form div.error  {
            	color:Red;
            	width:600px;
            }      
            
            .join-form div.thankyou {
            	width:600px;  
            }

/* Events Page */
    .events{
        float:left;
        width:410px;
        margin-left:20px;
        margin-bottom:10px;
        overflow:hidden;
        }

        .events h2{
            color:#85a03c;
            border-bottom:3px solid #85a03c;
            padding-bottom:4px;
            margin-top:20px;                
            margin-bottom:13px;
            font-size:15px;
            }        

        .events h3{
            font-size:11px;
            font-weight:bold;
            }
            
        .events .article{
            width:120px;
            padding-bottom:20px;
            float:left;
            margin-right:15px;
            }
            
        .events p{
            font-size:11px;
            height:70px;
            overflow:hidden;  
            line-height:normal;          
            }        
            
        .player-wrapper{
            margin:auto 0;
            }                       
                
        #gallery {
            width:480px;
            margin-top:-10px;
            float:left;            
            }               
            
            #gallery a{
                margin-right:10px;
                margin-top:10px;
                display:block;
                float:left;
                border:none !important;
                }      
                       
                #gallery a img{
                    width:120px;
                    height:100px;
                    }         

/* Prospects Wizard */            
    #prospects-wizard{        
        width:760px;
        padding:5px;
        min-height:469px;
        border:1px solid #cfcfd0; /*Light Gray */
        margin: 0 auto 15px auto;
        }

        #prospects-wizard h3{        
            font-size:13px;
            margin-bottom:5px;
            }        


        #prospects-wizard fieldset{        
            border:0;            
            }        
            
            #prospects-wizard fieldset label{        
                line-height:20px !important;
                width:120px;
                }   

            #prospects-wizard fieldset input{        
                margin:2px 0;                
                }                                    
        
        #prospects-wizard .wizard-header{            
            float:left;
            width:565px;
            padding:5px;
            }   
                 
            #prospects-wizard .wizard-header h2{
                border-bottom:2px solid #cfcfd0;
                }
                
            #prospects-wizard .wizard-header .prospects-wizard-menu{            
                }                   
                
                #prospects-wizard .wizard-header .prospects-wizard-menu li.spacer{            
                    color:#c7c7c7;
                    padding:0 7px;
                    }             
                    
                    #prospects-wizard .wizard-header .prospects-wizard-menu li a{            
                        color:#686868 !important;
                        }                   

                    #prospects-wizard .wizard-header .prospects-wizard-menu li a.visited{            
                        color:#686868 !important;
                        }                                           
                    
                    #prospects-wizard .wizard-header .prospects-wizard-menu li a:hover{            
                        color:#78A22E !important;
                        }                                            
                    
                    #prospects-wizard .wizard-header .prospects-wizard-menu li a.selected{            
                        color:#78A22E !important;
                        }                                           
                
        #prospects-wizard .wizard-main{
            min-height:370px;
            float:left;
            width:565px;
            padding:5px;
            }

            #prospects-wizard .wizard-main .section{
                margin-bottom:10px;
                border-bottom:1px solid #ececec;
                padding-bottom:10px;                
                }            
            
        #prospects-wizard .wizard-sidebar{
            float:right;
            width:170px;
            padding:5px;
            height:215px;            
            border-left:1px solid #cfcfd0;
            }           
            
            #prospects-wizard .wizard-sidebar .note{
                font-size:11px;
                line-height:15px;
                color:#363636;
                padding:5px;
                }                        

        #prospects-wizard .wizard-footer{
            height:24px;
            padding:5px;            
            background:#eaf0e1;
            border-top:1px solid #cfcfd0;
            margin:-5px;
            margin-top:0;
            text-align:right;
            }       
            
            #prospects-wizard .wizard-footer .navigation-button{
                height:25px !important;
                padding-left:5px;
                padding-right:5px;
                }
                
        .wizard-validation{
            width:710px;
            margin:0 auto 10px auto !important;
            }  
       
        .validation ul 
        {
            margin-left: 10px;
        }	

/* Messages  */
    .info, .success, .warning, .error, .validation {
        border: 1px solid;
        margin: 0 auto 10px auto;
        padding:15px 10px 15px 40px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        
    .info {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('../images/UI/information.png');
        }
        
    .success {
        color: #4F8A10;
        background-color: #DFF2BF;
        background-image:url('../images/UI/accept.png');
        }    
        
    .warning {
        color: #9F6000;
        background-color: #FEEFB3;
        /* background-image: url('warning.png'); */
        }
        
    .error {
        color: #D8000C;
        background-color: #FFBABA;
        background-image: url('../images/UI/exclamation.png');
        }
        
    .validation {
        color: #D63301;
        background-color: #FFCCBA;
        /* background-image: url('validation.png'); */
        }


/* Admin Section */
        
    /* Admin table */
        .admin-table{
            font-size:12px;
            width:100%;
            }
            
            .admin-table th{            
                border:none !important;
                }
                
            .admin-table tr{            
                background:#f8f8f8;
                }    
                
            .admin-table tr.alt{
                background:#f8f8f8;
                }
            
            .admin-table tr:hover{
                background:#f1f1f1;
                }            

                .admin-table tr th{
                    background:#e4e4e4;
                    text-align:left;
                    padding:5px;
                    }   
                
                .admin-table tr td{
                    border-bottom:1px solid #e4e4e4;
                    padding:5px;
                    }
                    
                .item-icon {
                    padding-right:1px !important;
                    width:5px;
                    }

                .item-caption{
                    padding-left:1px !important;
                    width:300px;                                                
                    }

                    .item-caption div{
                        overflow:hidden;
                        height:18px;
                        }       


                .item-title{
                    padding-left:1px !important;
                    width:450px;                                                
                    }

                    .item-title div{
                        overflow:hidden;
                        height:18px;
                        }       
                                 
                .item-image-name{
                    width:180px;
                    }
                    
                    .item-image-name div{
                        overflow:hidden;
                        height:18px;
            
                    text-align:center;            }                     
                
                .item-date{
                    width:80px;
                    }
                
                .item-status{
                    width:25px;
                    }
                
                .item-preview{
                    width:20px;
                    }
                
                .item-bin{
                    width:8px;
                    }    

                .item-edit{  
                    width:8px;
                    }                  
                    
    .admin-popover{                
        z-index:10;
        position:absolute;
        top:15%;
        left:25%;
        cursor:pointer;
        border:1px solid #d1d1d1;
        }
        
        .admin-popover .admin-popover-header{
            background:url(/images/UI/gradient.jpg);
            font-size:15px;
            font-weight:bold;
            height:24px;            
            padding:3px;
            padding-left:10px;
            border:1px solid #c3c3c3;
            border-bottom:1px solid #fff;
            line-height:24px;
            color:#1c1c1c;
            }
            
            .admin-popover .admin-popover-header .close-icon{
                display:block;
                float:right;
                margin:5px;
                cursor:pointer;                
                }
            
        .admin-popover .admin-popover-content{
            cursor:auto;
            border:1px solid #c3c3c3;
            width:700px;                   
            background:#fff;
            }   
            
            .news-form{
                width:700px;                
                }
                
            .news-form fieldset {
                border:none;
                border-bottom:1px solid #d1d1d1;
                border-top:1px solid #f1f1f1;
                padding:10px;
                width:680px;
                }
                
                .news-form fieldset label{
                    width:100px;                    
                    display:block;
                    float:left;
                    }
                    
                .news-form fieldset input{
                    width:560px;
                    padding:5px;
                    display:block;
                    float:left;
                    } 

                .news-form fieldset input[type="checkbox"]{
                    width:20px !important;                    
                    display:block;
                    float:left;
                    }                                        

                .news-form fieldset input[type="submit"]{            
                    width:auto;        
                    padding:2px;
                    display:block;
                    margin:-5px;
                    float:right;
                    }                    
                
                .news-form fieldset textarea{
                    width:560px;
                    height:300px;
                    padding:2px;
                    display:block;
                    float:left;
                    }     
                    
                    .news-form{
                width:700px;                
                }
                
            .events-form fieldset {
                border:none;
                border-bottom:1px solid #d1d1d1;
                border-top:1px solid #f1f1f1;
                padding:10px;
                width:680px;
                }
                
                .events-form fieldset label{
                    width:100px;                    
                    display:block;
                    float:left;
                    }
                    
                .events-form fieldset input{
                    width:560px;
                    padding:5px;
                    display:block;
                    float:left;
                    } 

                .events-form fieldset input[type="checkbox"]{
                    width:20px !important;                    
                    display:block;
                    float:left;
                    }                                        

                .events-form fieldset input[type="submit"]{            
                    width:auto;        
                    padding:2px;
                    display:block;
                    margin:-5px;
                    float:right;
                    }                    
                
                .events-form fieldset textarea{
                    width:560px;
                    height:150px;
                    padding:2px;
                    display:block;
                    float:left;
                    }      
                    
		.page-header 
		{
			font-weight:bold;
			font-size:14px;
			float:left;			
		}                       
                            
/* Misc. & Unorganized */
    
    /* Required Field */
    .required{color:#ff0000;}
    
    .video {
        margin:20px 0 0 12px;
        }
        
    .video-caption {	    
	    font-size: 8px;	
	    color: #000;
	    text-decoration: none;
	    text-align:center;
	    padding-bottom: 15px;
        }   

    .underline {
        border-bottom: 1px solid #d1d1d1;
        }        
                   
    .video-caption {	    
	    font-size: 8px;	
	    color: #000;
	    text-decoration: none;
	    text-align:center;
	    padding-bottom: 15px;
        }   

    .underline {
        border-bottom: 1px solid #d1d1d1;
        }    
        
     .force-article-link{
            color: #706F72;
            text-decoration: none;
            font-size: 11px;
            }        
/*************************************************************************************
								MODAL POP UP
*************************************************************************************/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{	
	background-color: #fff;
	border: 1px solid #669900;
	padding: 15px 10px;
}