body
{
	font-family:Arial;
	font-size:13px;		  
    text-align:center;    
    margin:0;    
    height:100%;
    width:100%;
    background-color:#f2f2f2; 
    color:#253e52;    
}

img
{
    border:0px;
}

/* Generic Sulware CMS Styles */
.paragraph
{           
}

.paragraph .image
{  
}

.paragraph .content
{
}

.paragraph .left
{
    margin-right:5px;
    float:left;
}
/* End Sulware CMS Styles */

/* social media links */
#smpanel
{
    margin-top:20px;clear:both;
}    

#smpanel #tweetme
{
    margin-left:0px;float:left;
}

#smpanel #sharethis
{
    margin-left:15px; float:left;
}

/* End social media links */

/* General HTML Tags */
#mainpage h1
{
    color:#aac02f;
    font-size:22px;
}

#mainpage h2
{
}

#mainpage h3
{
}

#mainpage h4
{
}

#mainpage a
{
    text-decoration:none;
    color:#253e52;
}

/* these settings cause the date control to not display properly. Don't set general table styles

#mainpage table {width:100%;border-spacing:0px;border-collapse:collapse;}
#mainpage td, #mainpage th {border:1px solid black;padding:5px;margin:0px;}
#mainpage th {background-color:#aac02 d;}
#mainpage tr:nth-child(even){background-color:#eeeeee;}
    */

#mainpage .errorbox
{
    width:95%;
    border:1px red solid;
    padding:10px 10px 10px 10px;
    color:Red;
    font-weight:bold;
    text-align:center;
    margin-bottom:10px;
    display:block;
}

#mainpage .confirmbox
{
    width:95%;
    border:1px #aac02f solid;
    padding:10px 10px 10px 10px;
    color:#aac02f;
    font-weight:bold;
    text-align:center;
    margin-bottom:10px;
    display:block;
}

#mainpage .systemmessagebox
{
    width:95%;
    border:1px #aac02f solid;
    padding:2%;    
    margin:10px 0px 10px 0px;
    font-size:10px;
}

#mainpage .button, #mainpage .btn
{
    border-radius:5px;
    border:1px #e3e3e3 solid;
    background-color:#aac02f;
    color:White;
    font-weight:bold;   
    padding:5px 10px 5px 10px;

    min-width:120px;    
}

#mainpage .btn{
    min-width:0px;
}


#mainpage .button2
{
    border-radius:5px;
    border:1px #e3e3e3 solid;
    background-color:#aac02f;
    color:White;
    font-weight:bold;
    padding:5px 10px 5px 10px;

    font-size:10px;    
}

#mainpage .warningButton{
    background-color:red;
}


#mainpage .disabledbutton
{
    border-radius:5px;
    border:1px #e3e3e3 solid;
    background-color:#dddddd;
    color:White;
    min-width:120px;
    font-weight:bold;
    padding:5px 10px 5px 10px;
}



#mainpage .button:hover, #mainpage .button2:hover
{
    background-color:#cce24f;
}


#mainpage 
{
    margin:0px auto 0px auto;
    width:959px;
    height:auto;
    overflow:hidden;
    text-align:left;
}


#mainpage .dataform
{
    width:95%;
    padding:10px 10px 10px 10px;
    border:1px #e3e3e3 solid;
    margin-bottom:10px;
}

.row, .sulRow
{
    width:100%;
    height:auto;
    overflow:hidden;
    clear:both;
    margin-bottom:10px;

}

 .row .label, .sulRow .sulLabel
{    
    font-weight:bold;
    float:left;
    width:30%;
}

 .input, .sulInput
{
    float:left;
    width:70%;
}

#mainpage #header
{
    width:959px;
    height:141px;
    background-image:url(../_images/header_2.png);
    margin-bottom:10px;
    position:relative;
}

#mainpage .homepagebanner
{
    width:959px;
    height:336px;    
}

#mainpage .homepagebanner .lhs
{
    width:730px;
    height:336px;    
    float:left;
}

#mainpage .homepagebanner .rhs
{
    width:229px;
    height:336px;    
    background-image:url(../_images/join_no.png);
    
    float:left;
}

#mainpage #page_body
{
    border:1px solid #e3e3e3;
    padding:10px 10px 10px 10px;
    width:937px;
    height:auto;
    background-color:White;
    overflow:hidden;
}

#mainpage #page_body .lhs_menu
{
    float:left;
    width:154px;
    height:auto;
    overflow:hidden;
    margin-right:30px;
}

#mainpage #page_body .lhs_menu .level2
{
    margin-left:20px;
	width:134px;

}

#mainpage #page_body .lhs_menu .level3
{
    margin-left:40px;
	width:104px;
}


#mainpage #page_body .center_content
{
    float:left;
    width:500px;
    height:auto;
    overflow:hidden;
    margin-right:30px;
}

#mainpage #page_body .noRHSwidth
{
    width:723px;
}

#mainpage #page_body .center_content_homepage
{
    float:left;
    width:937px;
    height:auto;
    overflow:hidden;
}

#mainpage #page_body #topicons
{
    width:939px;
    height:69px;
    margin-bottom:20px;
    overflow:hidden;
}

#mainpage #page_body #newspanel
{
    width:457px;
    height:auto;
    overflow:hidden;
    float:left;    
    margin-right:15px;
}

#mainpage #page_body #newspanel .homenewsitem
{
    clear:both;
    width:457px;
    height:auto;
    overflow:hidden;    
}

#mainpage #page_body #newspanel .homenewsitem .image
{
    width:122px;
    margin-right:10px;
    float:left;
}

#mainpage #page_body #newspanel .homenewsitem .story
{
    float:left;
    width: 325px;
}

#mainpage #page_body #newspanel .homenewsitem .story .title
{
    font-weight:bold;
    margin-bottom:10px;
}

#mainpage #page_body #newspanel .homenewsitem .story .summary
{
    margin-bottom:10px;
}



#mainpage #page_body #newspanel a, #mainpage #page_body #eventpanel a 
{
    color:#aac02f;
}

#mainpage #page_body #eventpanel
{   
    width:223px;
    height:auto;
    overflow:hidden;
    float:left;
    margin-right:10px;
}

#mainpage #page_body #eventpanel .homeeventitem
{
    width:223px;
    margin-bottom:10px;
}

#mainpage #page_body #eventpanel .homeeventitem .title a
{
    font-weight:bold;
    color:#263f53;
}

#mainpage #page_body #eventpanel .homeeventitem .date
{
    font-weight:bold;
    color:Black;
    font-size:10px;
}



#mainpage #page_body #shoppanel
{
    width:221px;
    height:auto;
    overflow:hidden;
    float:left;
}

    #mainpage #page_body .shopbutton {
        background-image: url(../_images/shop_open.png);
    }


#mainpage #page_body .rhs_bar
{
    float:left;
    width:223px;
    height:auto;
    overflow:hidden;
}

#mainpage #page_body .rhs_bar #rhsbuttons
{
    margin-top:20px;
    width:222px;
    height:240px;
    background-image:url(../_images/rhs_logos.png);    
} 

#mainpage #page_body .rhs_bar #rhsbuttons .advert
{
    width:222px;
    height:70px;
    margin-bottom:20px;
}

#mainpage .lhsmenuitem
{
    width:157px;
    padding-bottom:4px;
    border-bottom:1px #c8cfd5 solid;    
}

#mainpage .lhsmenuitem a
{
    text-decoration:none;
    color:#253e54;
    font-size:10px;
    font-weight:bold;
}

#mainpage .lhsmenuitem a.selected
{
    color:#aac02f;
}


#mainpage #page_body #footer
{            
    margin-left:-10px;    
    width:957px;    
    height:auto;
    overflow:hidden;
}

#mainpage #page_body #footer #topbit
{
    background-image:url(../_images/footer_top.png);
    width:957px;
    height:21px;
    
}

#mainpage #page_body #footer #middlebit
{
    width:957px;
    height:auto;
    overflow:hidden;    
    background-color:#243d51;
    color:white;
    font-size:10px;
}

#mainpage #page_body #footer #bottombit
{
    background-image:url(../_images/footer_bottom_6.jpg);
    width:957px;
    height:154px;
}

#mainpage #page_body #footer #bottombit #cards {
    position: relative;
    float:left;
    margin-left:10px;
    width:200px;
    height:50px;
    
}

#mainpage #page_body #footer #bottombit #youtube {
    position:relative;    
    float:left;
    margin-left:624px;
    width:50px;
    height:50px;
}

#mainpage #page_body #footer #bottombit #facebook {
    position:relative;
    float:left;
    width:50px;
    height:50px;
}

#mainpage #page_body #footer .nav_level2 a
{
    margin-left:15px;
}

#mainpage .seperator
{
    margin:5px 0px 5px 0px;
    width:100%;
    height:1px;
    border-Top:1px solid #e3e3e3;
}



#header .searchbox {
    position:absolute;
    margin:32px 0px 0px 715px;
}

#header .searchbox input {
    border:0px;
    background-color:#f2f2f2;
}

#header .shop
{
    position:absolute;
    width:100px;
    height:22px;
    top:18px;
    left:720px;
}

#header .logon
{
    position:absolute;
    width:50px;
    height:22px;    
    top:24px;
    left:898px;
}

#header .logon a
{
    color:White;
}

#header .checkout
{
    position:absolute;
    height:25px;
    width:76px;
    top:18px;
    left:790px;
    font-size:11px;
    
}

#header .checkout a
{
    color:white;
    font-weight:bold;
}

#header #menuitems
{
    position:absolute;
    list-style-type:none;   
    overflow:hidden;        
    margin:92px 0px 0px -25px;    
    #margin-left:10px;
    #margin-top:98px;
    width:100%;
    height:22px;
}

#header #menuitems li
{    
    padding:0px 10px 0px 10px;
    height:41px;
    float:left;
}

#header #menuitems li.firstitem
{
}

#header #menuitems li.selected a
{
    color: #aac02f;
}

#header #menuitems li a
{
    font-weight:bold;
    color:white;
    text-transform:uppercase;
    font-size:10px;
    text-decoration:none;
}

#header #menuitems li a:hover
{
    color:#aac02f;
    text-decoration:none;
}

#mainpage #footer .treemenu
{
    margin-top:20px;
    margin-left:5px;
}


#mainpage #footer .menusection
{
    margin-left:20px;  
    width:auto;  
    float:left;
    
}

#mainpage #footer a
{
    color:White;
    text-decoration:none;    
    text-transform:uppercase;
    font-weight:bold;
    font-size:10px;    
}


#mainpage #footer .nav_level1
{
    margin-top:10px;
    margin-left:2px;
}

#mainpage #footer .nav_level1 a
{
    font-weight:normal;
    text-transform:none;
}

#mainpage .list_header
{
    font-size:14px;
    background-color:#253e52;
    color:white;
    font-weight:bold;    
}

#mainpage .list_header a {
    color:white;
}


#mainpage .list_item
{
    background-color:White;
}

#mainpage .list_alternate
{
    background:#efefef; 
}

#mainpage .list_view
{
    width:100%;
}

#mainpage .filterpanel
{
    width:100%;
    margin-bottom:10px;
    font-size:10px;
    background-color:#eeffee;
    border-bottom:1px solid #e3e3e3;
}

/* news template */

#mainpage .newstory
{
    width:100%;
    height:auto;
    overflow:hidden;
}

#mainpage .newstory .image
{
}

#mainpage .newstory .detail
{
    margin-top:15px;
    font-size:14px;    
}

#mainpage .newstory .detail .label, #mainpage .newstory .detail .DisplayDate .label
{
    font-weight:bold;
}

#mainpage .newstory .detail .Type
{
	display:none;	
}

#mainpage .newstory .detail .SystemDate
{
	display:none;	
}


#mainpage .newstory .summary
{
    margin-top:15px;
    font-style:italic;
}

#mainpage .newstory .detail
{
    margin-top:15px;
}

#mainpage .newstory a{
	font-weight:bold;
	text-decoration:underline;
}

#mainpage .lnewsstory
{
    width:490px;
    height:auto;
    overflow:hidden;
    margin-bottom:10px;
    border-bottom:1px #abc13b solid;
    padding-bottom:5px;
    clear:both;
}

#mainpage .lnewsstory .image
{
    float:left;
    width:65px;
    height:auto;
    overflow:hidden;
    
    
}

#mainpage .lnewsstory .image img
{
    width:50px;
    
}


#mainpage .lnewsstory .summary
{
    float:left;
    width:420px;
    height:auto;
    
    overflow:hidden;    
}

#mainpage .lnewsstory .summary .title
{
    width:250px;
    margin-right:10px;
    float:left;
}

#mainpage .lnewsstory .summary .summary
{
    width:190px;
    margin-right:10px;
    float:left;
}

#mainpage .lnewsstory .summary .author
{
    width:60px;
    float:left;
}

#mainpage .event
{
}

#mainpage .event .systemdate
{
	display:none;
}


#mainpage .event .label
{
    font-weight:bold;
}

#mainpage .event .detail
{
    margin-top:10px;
}

#mainpage .event .back, #mainpage .newstory .back
{
    margin-top:15px;
    color:#aac02f;
}

#mainpage .levent
{
    clear:both;
    height:auto;
    width:720px;
    overflow:hidden;
    border-bottom:1px solid #e3e3e3;
    margin-bottom:5px;
    
}


#mainpage .levent .summary
{  
}

#mainpage .levent .summary .image
{	
	display:none;
	width:80px;
	height:auto;
	overflow:hidden;
	float:left;
	margin-right:10px;
}

#mainpage .levent .summary .image img
{

	width:80px;
}


#mainpage .levent .summary .title
{
    width:400px;
    margin-right:30px;
    float:left;
}

#mainpage .levent .summary .date
{
    width:200px;
    float:left;
}

.totalsbox
{
    margin:10px 0px 10px 0px;
    padding:1% 1% 1% 1%;
    width:98%;
    background-color:#eeeeee;
    
}

.totalsbox .row
{
    height:auto;
    overflow:hidden;
    margin:0px;
    padding:0px;
    font-size:12px;
}

.totalsbox .row .col
{
    width:24%;
    float:left;
    margin-right:1%;  
}


.highlight
{
    background-color: Yellow;
    color:red;
    font-weight:bold;
        
}

.headlinerow
{
    background-color:Black;
    color:White;
    font-weight:bold;
}




/* end news template */

.clear 
{
    clear:both;
}

#mainpage .specialmessage
{
    color:#abc13b;
    padding:10px 0px 10px 0px;
    
}


/* Catalogue stuff */

.catalogueproduct
{
    width:125px;
    height:auto;
    overflow:hidden;
    clear:both;
    text-align:center;
    padding:15px 15px 15px 15px;
    border:1px #abc13b solid;
}

.catalogueproduct .prodimage
{
    height:120px;
    
    overflow:hidden;
}

.catalogueproduct .prodname
{
}

.catalogueproduct .price
{
    font-weight:bolder;
}

.catalogueproduct .choices
{
}

.catalogueproduct .quantity
{
}

.catalogueproduct .viewdetail
{
}

.catalogueproduct .addtocart
{
}


.popup
{
    width:300px;
    padding:10px 10px 10px 10px;
    border:1px #e3e3e3 solid;
    background-color:#aac02f;
    z-index:9999;
    position:absolute;
    top:100px;
    text-align:center;
}


.black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height:3000px;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: fixed;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 16px solid #aac02f;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }

.userLoginLink a
{
    color:White;
}


#secretarypage 
{
    width:1100px;
    height:auto;
    overflow:hidden;
    background-color:White;
}


#secretarypage #lhsmenu
{
    width:200px;
    height:auto;
    overflow:hidden;
    float:left;
    margin-right:10px;
}

#secretarypage #rhscontent
{
    width:720px;
    height:auto;
    overflow:hidden;
    float:left;
}

.chartcontrol
{
}

.subpanel
{
    background-color:#eeeeee;
}

.tabview
{
    width:94%;              
    min-height:350px;    
    background-color:#eeeeee;
    border:1px #aac02f solid;
    margin:30px 0px 0px 2px;    
    padding:1% 1% 1% 1%;                  
}  
                
.Initial
{
    display: block;
    padding: 4px 18px 4px 18px;
    float: left;
    color: Black;
    font-weight: bold;
    border:1px #aac02f solid;
    margin:0px 5px 0px 0px;
    color:#999999;
    background-color:White;
    
}

.Initial:hover
{
    color: black;
    border:1px #aac02f solid;
}

.Clicked
{
    float: left;
    display: block;
    padding: 4px 18px 4px 18px;
    color: Black;
    font-weight: bold;                
    background-color:#eeeeee;
    border:1px #aac02f solid;
}            


.complusoryfield
{
    color:Red;
}

.publicfield
{
    color:#abc13b;
    font-weight:bold;
    font-size:20px;
}


#mainpage .warning
{
    display:block;
    color:Red;
    font-style:italic;
    font-weight:bold;
    margin:10px 0px 10px 0px;        
}

#mainpage .moretext
{
    border:1px black solid;
    padding:10px 10px 10px 10px;
    width:250px;
    height:auto;
    overflow:hidden;
    position:absolute;
    background-color:White;
    display:none;
    color:Black;
}


.fixwidthbutton {
    width:150px;
}
/* End Catalogue stuff */

/* shop stuff */
.addedToBasket {
    width:95%;
    height:auto;
    overflow:hidden;
    padding:1% 1% 1% 1%;
    border:2px solid #aac02f;
    border-radius:5px;
    margin-bottom:10px;
}

/* end shop stuff*/

/* END Html Tags */

/* Client specific */
#mainpage .paragraph a {
    text-decoration:underline;
    font-weight:bold;
	color: #aac02f;
}

#mainpage .showproductprice {
    font-size:16px;
}

#mainpage .showmemberproductprice {
    font-size:16px;
    padding:10px;
    margin-top:15px;
    margin-bottom:15px;
    height:auto;
    width:200px;    
    overflow:hidden;
    text-align:center;
    border:1px #abc13b solid;    
    background-color:#eeeeee;
}

#mainpage .ThumbMemberPrice {
    
    font-weight:bold;
    /*color:white;
    background-color:#172835;*/

    color:#89a019;
    background-color:#eeeeee;
    padding:5px;
    border-radius:20px;
    margin-top:5px;
    margin-bottom:5px;
}

#mainpage .memberDiscountNotice {
    background-color:#eeeeee;
    border-radius:5px;
    padding:10px;
    margin-bottom:10px;
}

    #mainpage .memberDiscountNotice a {
        font-weight:bold;
        color:#89a019;
    }

    #mainpage .memberDiscountNotice h3 {
        margin:0px;
    }

.highlighterrorrow {
    background-color:red;
    color:white;
}

.digitallogresultheading {
    background-color:#243d51;
    padding:10px;
    font-size:14px;
    color:white;
    margin-bottom:10px;
    border-radius:10px;
}
#memberheader {
    margin-bottom:15px;width:98%;padding-left:1%;padding-right:1%;background-color:#243d51;border-radius:10px;height:auto;overflow:hidden;color:white;
}

    #memberheader h1 {
        color:white;
    }

    #memberheader h2 {
        color:#aac02d;
    }

    #memberheader #col1 {
        float:left;width:29%;
    }

    #memberheader #col2 {
        float:left;width:41%;
        text-align:center;
    }

    #memberheader #col3 {
        float:left; text-align:right;width:28%;padding-top:20px;
    }

.treemenuspecial {
    background-color:#eeeeee;    
}



    .countryrow {
        clear:both;        
        padding:1%;
        width:99%;
        height:auto;
        overflow:hidden;
        background-color:#eeeeee;
    }

        .countryrow .lhs {
            float:left;
            width:50%;
            margin-right:1%;
        }

        .countryrow .rhs {
            float:left;
            width:49%;
        }

        #map_canvas { height: 200px; width:320px; border:2px #aac02f solid;}  

                .section {
                    width:99%;
                    height:auto;
                    overflow:hidden;
                    background-color:#eeeeee;
                    border-radius:10px;
                    margin-bottom:15px;
                    padding:1%;
                    clear:both;
                }

                .sectionSelect {
                    float:left;
                    width:300px;
                }

                .sectionExtra {
                    float:left;
                }
                .sectionlabel {
                    float:left;
                    width:50px;
                    margin-right:10px;
                    padding-top:5px;
                }

                .sectioninput {
                    float:left;
                }

#mainpage .listfooter a {
    
    text-decoration:underline;    
}

#mainpage .infobox {
    width:96%;
    padding:2%;
    background-color: #eeeeee;
    text-align:center;
}

.helptext {
    font-style:italic;
    font-size:10px;
}

.goodtext {
    color:green;
}

.badtext {
    color:red;
    font-weight:bold;
}

.ActivityApproved {
    display:block;
    height:auto;
    overflow:hidden;    
    padding:10px;
    text-align:center;
    background-color:green;
    font-size:14px;
    font-weight:bold;
    color:white;

}

.ActivityNotApproved {
    display:block;
    height:auto;
    overflow:hidden;    
    padding:10px;
    text-align:center;
    background-color:red;
    font-size:14px;
    font-weight:bold;
    color:white;

}

.inputform {
    padding:10px;
    background-color:#eeeeee;
    margin-bottom:10px;    
}

.lessonplanform {
    padding:10px;
    background-color:#eeeeee;
    margin-bottom:10px;
}

table.standard {
    background-color: white;
    width: 100%;
    border: 1px solid #aac02f;
    border-collapse: collapse;
}

    table.standard td {
        padding: 5px;
    }

    table.standard tr {
    }

        table.standard tr:nth-child(even) {
            background: #aac02f;
            color: white;
        }

/* End Client specific tags */

/* Bootstrap styles. These are to be future proof for whenever we switch over to bootsrap in MI*/

.form-group {
    display:block;
    clear:both;
}

.col-md-4{
    float:left;
    width:33%;
}
.col-md-8{
    float:left;
    width:66%;
}



/* End bootstrap styles */