/* This controls the width of the fluid width layouts */
div.fluid{}

/* This controls the width of the fixed width layouts */
div.fixed{ width: 980px !important; margin: 0; padding: 0; }

/* Basic Stuff */
*{ margin: 0; padding: 0; }

html, body, form 
{
   margin:0;
   padding:0; 
   height:100%} 
   
body  
{ margin: 0 ; padding: 0; height: 100%; 
    background: #fff; /*background-color: #444;*/ 
    color: #222; font-family: Verdana; font-size: 10pt;  
    letter-spacing: -.2pt;}
body .supplementaryText{ color: #808080; }
body .importantText{ color: #ff0000; }


.spinner{ background: #ececec url(images/ajax-loader.gif) no-repeat 25px; font-size: 1.5em; 
          padding:10px; padding-left:20px; width: 95%; text-align: center; }

.editClass{ background: #ffffff; }

.info { background: transparent url(images/info.png) no-repeat; color: #808080; margin: 1em 0 2em 0; padding-left: 60px; min-height: 45px; }


#container { min-height: 100%; position: relative; 
             font-size: 1em; /*border: solid 3px #000;*/ }


/* HEADER */
    #header  
    {
        background: transparent url(images/headerBack_outer.jpg) repeat;  
        height: 137px;
        /*border: solid 5px #ff0000;*/
        padding: 0; 
        width: 100% !important; }
    #header_inner { /*border: solid 1px #fff;*/  height:137px;
                    margin: 0 auto 0 auto; width: 960px; padding: 0; padding-left: 10px; padding-right: 10px }

    /* Logo and pic */
        #logo { /*border: solid 1px #fff;*/ float: left; margin-left: 0;  }
        #logo h1 { color: #fff; margin-top: 15px;  }
        #logo h2 { border-bottom: none; color: #fff; font-size: 1.1em; font-weight:bold; 
                  letter-spacing: 0.3em; }
                  
    /* Edit page controls */
        #editPageLink { float: right; margin-top: 15px; margin-left: 250px; color: #dcdcdc; font-size: .9em; display: block; height: 10px}
         #editPageLink a { color: #ffffff;}

    /* Search */
        #search { /*border: solid 1px #dcdcdc;*/ float: right; clear: right;top: 15px; position: relative; margin-right: .0em;   }
        #search .searchTextBox { border: solid 1px #fff; font-size:1.3em; padding: 0px 0 4px 20px; width: 165px; }
        #search .searchButton { border: solid 1px #000; left: 22px; position: relative;  }

    /* Menu */
        #menu{ clear: both; top: 91px; position: absolute;  font-family: arial;  }
        #menu_inner{ width:980px; }
        #menu ul { text-align: left;  }
        #menu ul li { /*float: right;*/ list-style: none; text-align: center; display: inline; }
        #menu ul li a  
        {
            display: inline-block;
            margin-right: 2px;
            padding: .6em .7em 3px .7em;
            
            border: solid 1px #C1C1C1; 
            border-bottom: solid 8px #C1C1C1; 
            color: #ccc;
            font-weight: bold;
            font-size: 1.3em;
            text-decoration: none;
        }
        #menu ul li a.active { background: #fff url(images/menuButton_selected.png) repeat-x; color: #353256; 
                         border: solid 1px #eee; border-bottom: solid 8px #fef; display: inline-block; padding: .6em .7em 3px .7em; }
        #menu a.active:hover { background: #fff; color: #853256;  }
        #menu a:hover { background-color: #C1C1C1; color: #fff; border: solid 1px #C1C1C1; border-bottom: solid 8px #C1C1C1; }

    /* Banners */
        div.banners { background-color: transparent;
                      margin: 0 auto 2em auto; height: 196px; width: 980px;            }
        div.banner { /*border: solid 2px #000;*/ height: 194px; width: 980px; margin: 0 auto 0 auto; position:relative; }
        div.banners .banner .title_link { margin-bottom: 2em; padding: 0 0 5px 0; width: 80%; font-size: 3em;
                                font-family: Arial; font-weight: bold; color: #555; top: .5em; left: 0; position: relative; }
        div.banners .banner .title_text {  margin-bottom: 2em; padding: 0 0 0 0; width: 80%; font-size: 3em; font-family: Arial;
                                font-weight: bold; color: #555; top: .5em; left: 0; position: relative;}
        
        div.banners .banner .strapLine_link { padding: 0 5px 0 5px; width: 80%; font-size: 1.5em; 
                                               font-weight: bold; color: #555; 
                                              top: 1.1em; left: 0; position: relative; }                        
        div.banners .banner .strapLine_text { padding: 0 5px 0 5px; width: 80%; font-size: 1.5em; 
                                               font-weight: bold; color: #555;
                                top: 1.1em; left: 0; position: relative; }

    /* Breadcrumbs */
        #breadcrumbs { clear: both; position: absolute; top: 140px; width: 100%; padding-left: 10px;  }
        #breadcrumbs_inner { color: #000; font-family: Calibri, Arial; font-size: 1em;
                            letter-spacing: .075em; padding-top:.5em; margin: 0 auto 0 auto; width: 980px;}
        #breadcrumbs_inner a { }
        
        

/* MAIN CONTENT */
    #main  
    {
        border-bottom: none; /*border: solid 5px #ffff00;*/
        padding-bottom: 200px;  margin:0; padding-top:0px; position: relative; margin-top: 0px;
        /*background: transparent url(images/banner_back.png) repeat-x;*/
        width: 100% 
    }
    #main_inner { /*margin:0 5px 0 5px; */margin-left: auto; margin-right: auto; /*border: solid 1px #ff0000;*/
                 padding-bottom:0em; width: 960px; margin-bottom: 0; padding-left: 10px; padding-right:10px; margin-top: 30px; margin-bottom:20px;}
    #main_inner p { text-align: left; }
    #main_inner ul { margin-left:1.0em; }
    #main_inner h1 { border-bottom: solid 2px #cccbcc; color: #333; font-size:2.7em;
                    margin-bottom:10px; padding-bottom: 0; margin: 0; padding:0; margin-bottom: 5px;}
    /*#main_inner h1.pageTitle {    }                    */
    #main_inner h2 { font-size: 1.8em; }
    #main_inner h3 { font-size: 1.4em; }
    #main_inner h4 { font-size: 1.2em; margin-bottom: 0.6em; margin-top: 0.95em; padding-bottom: 0.175em; }
    #main_inner div#creationDetails { color: #808080; margin: 0px 10px 0px 0px; display: inline-block; /*border: 1px solid #ff0000; */ float: left}
    #main_inner div#creationDetails.CreatedBy { float: left; }
    
    #main_inner .tags { /*background-color: #dcdcdc; color: #444;*/ background-color: #aaa; color: #fff; display: inline-block;
                                                   font-family: arial; margin: 0px 3px 0 0;  padding: 3px; }
                                                   
    #tagDisplayList .tags { background-color: #aaa; color: #fff; display: inline;
                                                   font-family: arial; margin: 10px 1px 0 0;  padding: 3px; }
    

/* FOOTER */
    #footer { background-color: #444; 
              border-top: solid 15px #00E51A; height: 200px; bottom:0; 
              position: absolute; /*border: solid 5px #ff0000;*/
             /* margin-bottom: 0; padding-bottom:0;*/
             /*margin: 0 auto .5em auto; padding: 10px 10px 10px 15px;*/ width: 100% }
    #footer_inner {/* border-top: solid 2px #dcdcdc;*/ padding: 2.5em 0 0 0; color: #fff; margin: 0 auto 0 auto
                   ; width: 980px; background-color: #444; /*border: solid 2px #fff;*/ }
    #footer_inner a { color: #fff; } 
    #footer_inner div#loggedInView { float: right; }
    #footer_inner div#loggedOutView { float: right; }
    
    


/* LAYOUT - 3 COLUMNS */
	/* Primary content */
	    #primaryContent_3columns { margin-right:50.5em; position:relative; }
	    #columnA_3columns { float: left; margin-right:-50.5em; padding-right: 0.5em;  
                            position: relative; width: 100%; }
	/* Secondary Content */
	    #secondaryContent_3columns { float:right;  }
	    #columnB_3columns { float: left; padding: 0 0 0.75em 0.75em; width:24.5em; }
	    #columnB_3columns select, #columnC_3columns select { font-size:8.5pt; }
	    #columnC_3columns { float:left; padding:0 0 0.75em 0.75em; width:24.0em; }
	
/* LAYOUT - 2 COLUMNS */
	/* Primary content */
	    #primaryContent_2columns { margin-right:25em; position:relative; }
	    #columnA_2columns { float:left; padding-right:2em; position:relative; margin-right:-27em; 
	                       width:100%; }
	/* Secondary Content */
	    #secondaryContent_2columns { float:right; }
	    #columnC_2columns { float:left; padding:0em 0em 0.5em 0.5em; width:24.0em; }
	    #columnC_2columns select{ font-size:8.5pt; }
	
/* LAYOUT - COLUMNLESS */
	/* Primary content */
	    #primaryContent_columnless { position:relative; }
	    #columnA_columnless { position:relative; width:100%; }
	
	
	
	
	
    
/* BASIC ELEMENTS */    
    h1, h2, h3, h4, h5, h6 { font-family: arial, Calibri; font-weight: normal; margin-bottom: 0em; }
    
    p{ line-height: 1.8em; margin-bottom:1.5em; }

    /*img, embed { border: solid 1px #e1e1e1; padding: 1px; }*/

    /* Anchors */
        a { color: #253591; text-decoration: none; }
        a:hover { text-decoration: underline; }

    /* Lists */
        ul { line-height: 1.8em; }
        ul.links { list-style: none; }
        ul.links li { line-height: 2em; }
        ul.links li.first { }

    /* Input controls */
        /*input.button { border: solid 1px #A94B4B; color: #fff;font-weight: bold; 
                      font-size: 0.8em; height: 2.0em; text-transform: lowercase; }*/
        input.text { border: solid 1px #F1F1F1; font-size: 1.0em; padding: 0.25em 0.25em 0.25em 0.25em; }

    /* Tables */
        table, tr, th, td { vertical-align:top; }
        td { padding: 0 10px 0 0; }
        
    /* Gridview tables  */
        .gridview th { padding: 0 10px 0 0; }
        .gridview td { padding: 10px 10px 10px 0; }
        .griviewAlternateRow { background-color: #dcdcdc; }

    /* Gridview pager */
        .myPagerStyle { margin: 2em 0 2em 0;	padding: 2em 0 2em 0; }
        .myPagerStyle a { background-color: silver; border: solid 1px silver; color: white;
                        font-weight:bold; margin:0 0.1em 0.1em; padding:0.3em 0.5em 0.3em 0.5em; }
        .myPagerStyle span {	background-color: #fff;	border: solid 1px #ccc;	color: #5A4FFF;	
                           	font-weight:bold; margin: 0 0.1em 0.1em; padding: 0.3em 0.5em 0.3em 0.5em; }







/* BOXES */
    /* White - no border */
        .cmsWhite h1, h2, h3, h4, h5, h6 { /*border-bottom: solid 2px #dcdcdc;*/ }
        .cmsWhite .boxTitle { /*border-bottom: solid 1px #aaa;*/ color: #000; font-weight: bold;
                             margin-bottom: 5px; padding-top: 11px; }
        .cmsWhite { background-color:#fff; overflow:hidden; padding-right: 5px; }
        .cmsWhite .seperator { border-top: solid 1px #ccc; margin-top:3px; width: 100% }
       
        

    /* White - with border */
        .cmsWhiteBorder h1, h2, h3, h4, h5, h6 { border: none; }
        .cmsWhiteBorder .boxTitle { /*border-bottom: solid 1px #aaa;*/ color: #000;  margin-bottom: 5px; font-weight: bold;}
        .cmsWhiteBorder { background-color:#fff; border: solid 1px #aaa; margin-bottom: 1em; overflow:hidden; 
                         padding: 10px;}
        .cmsWhiteBorder .seperator { border-top: solid 1px #dcdcfc; margin-top:3px; width: 100% }

    /* Blue */
        .cmsBlue h1, h2, h3, h4, h5, h6 { border: none; }
        .cmsBlue .boxTitle { /*border-bottom: solid 1px #ccc;*/ color: #000; font-family: Arial; margin-bottom: 5px; font-weight: bold;}
        .cmsBlue { background-color:#ddffff; /*border: solid 1px #ccc;*/ margin-bottom: 1em; overflow:hidden; padding: 10px; 
                   }
        .cmsBlue .seperator { border-top: solid 1px #dcdcfc; margin-top:3px; width: 100%; }
        
        
    /* Dark Blue */        
        .cmsDarkBlue h1, h2, h3, h4, h5, h6 { border: none; }
        .cmsDarkBlue .boxTitle { /*border-bottom: solid 2px #fff;*/  margin-bottom: 5px; color: #000; font-weight: bold;}
        .cmsDarkBlue { background-color:#00137F; /*border:solid 1px #bc5c5c;*/ color:#fff; overflow:hidden; 
                 margin-bottom:1em; padding:10px; }
        .cmsDarkBlue a { color:#fff; }
        .cmsDarkBlue .seperator { border-top: solid 1px #fff; margin-top:3px; width: 100%; }
        
        
        
    /* Black */        
        .cmsBlack h1, h2, h3, h4, h5, h6 { border: none; }
        .cmsBlack .boxTitle { /*border-bottom: solid 2px #fff;*/ margin-bottom: 5px; color: #fff; font-weight: bold;}
        .cmsBlack { background-color:#000; /*border:solid 1px #bc5c5c;*/ color:#fff; overflow:hidden; 
                 margin-bottom:1em; padding:10px; }
        .cmsBlack a { color:#fff; }
        .cmsBlack .seperator { border-top: solid 1px #fff; margin-top:3px; width: 100%; }
        
        
        

    /* Yellow */
        .cmsYellow h1, h2, h3, h4, h5, h6 { border: none; }
        .cmsYellow .boxTitle { /*border-bottom: solid 2px #ffdab9; */
                              color: #000; margin-bottom: 5px; font-weight: bold;}
        .cmsYellow { background-color:#fffacd; /*border: solid 1px #ffdab9;*/ margin-bottom: 1em; overflow:hidden; 
                     padding: 10px; }
        .cmsYellow .seperator { border-top: solid 1px #ffdab9; margin-top:3px; width:100%; }

    /* Red */
        .cmsRed h1, h2, h3, h4, h5, h6 { border: none; }
        .cmsRed .boxTitle { /*border-bottom: solid 2px #fff;*/ margin-bottom: 5px; font-weight: bold; }
        .cmsRed { background-color:#cd5c5c; border:solid 1px #bc5c5c; color:#fff; overflow:hidden; 
                 margin-bottom:1em; padding:10px; }
        .cmsRed a { color:#fff; }
        .cmsRed .seperator { border-top: solid 1px #fff; margin-top:3px; width: 100%; }





/* PAGE LISTS */
    /* Grid */
        div#pageList_grid_item { margin-bottom: 10px; margin-right: 10px;
                                vertical-align: text-top; width: 140px; }
        div#pageList_grid_item .thumbnail { border: none; height: 102px; padding: 1px; width: 122px;}
        div#pageList_grid_item .subtitle { width: 125px; }                  
    
    /* Summary list */
        div#pageList_summaryList_item { margin-bottom: 0px; }
        div#pageList_summaryList_item .thumbnail { float: left; margin-bottom: 5px; padding-right: 7px; }
        div#pageList_summaryList_item .thumbnail { float: left; margin-bottom: 5px; padding-right: 7px; }    
        div#pageList_summaryList_item .thumbnailImage { border: none; height: 102px; 
                                                       padding: 1px; width: 122px; }          
        div#pageList_summaryList_item h3 { vertical-align: top; }
        div#pageList_summaryList_item .tags { background-color: #aaa; color: #fff; display: inline-block;
                                                   font-family: arial; margin: 10px 1px 3px 0;  padding: 3px; }
    
    /* Detailed list */
        div#pageList_detailedList_item {  }        
        div#pageList_detailedList_item h2 { /*border-bottom: solid 2px #dcdcdc;*/ }
        div#pageList_detailedList_item .createdBy { color: #808080; margin-bottom: .5em;  margin-top: .4em; }
        div#pageList_detailedList_item .createdDate { color: #808080; margin-bottom: .5em;  margin-top: .4em; }
        
    /* Excerpts */
        div#pageList_excerpts_item { width: 97%;  }        
        div#pageList_excerpts_item #creationDetails { color: #808080;margin: 0 10px 10px 0; display:inline-block; }
        div#pageList_excerpts_item .excerptText { color: #333; font-family: arial; }
        div#pageList_excerpts_item .excerpt_comments { color: #808080; font-family: arial; margin-right: 5px; }
        div#pageList_excerpts_item .excerpt_tags { background-color: #aaa; color: #fff;  display: inline;
                                                   font-family: arial; margin: 10px 1px 1em 0;  padding: 3px; }
        div#pageList_excerpts_item .readMore { font-size: 1em;
                                               font-weight: bold; margin-bottom: 1em; float: right; }
        div#pageList_excerpts_item .thumbnail { float: left; margin-bottom: 5px; margin-right: 1em; width: 200px; }    
        div#pageList_excerpts_item .thumbnailImage { height: 172px; padding: 1px; width: 192px; }
        div#pageList_excerpts_item h2 { margin-bottom: .2em; }
        excerpt_separator { border: 11px solid #808080; } 
        

    /* Multipart */
        /* First part */
            div#pageList_multipart_1 { float: left; margin-right: 20px; max-width: 55%; min-height: 300px; } 
            div#pageList_multipart_1 .thumbnail { float: left; margin-bottom: 5px; padding-right: 7px; }    
            div#pageList_multipart_1 .thumbnailImage { border: solid 1px #dcdcdc; height: 152px; padding: 1px; width: 172px; }
            div#pageList_multipart_1 .createdBy { color: #808080; float: left;  margin-top: .4em; }
            div#pageList_multipart_1 .createdDate { color: #808080;  margin-top: .4em; }
            div#pageList_multipart_1 .excerptText { color: #333; font-family: Arial; }    

        /* Second part */
            div#pageList_multipart_2 { float: left; margin-bottom: 15px; width: 40%; } 
            div#pageList_multipart_2 .thumbnail { float: left; margin-bottom: 5px; padding-right: 7px; }
            div#pageList_multipart_2 .thumbnailImage { border: solid 1px #dcdcdc; height: 102px; padding: 1px; width: 122px; }
            div#pageList_multipart_2 h3 { vertical-align: top; }
            div#pageList_multipart_2 .createdBy { color: #808080; float: left; margin-top: .2em; }
            div#pageList_multipart_2 .createdDate { color: #808080; margin-top: .2em; }
            div#pageList_multipart_2 .subtitle { color: #333; display: block; font-family: Arial; margin-top: .5em; } 

    /* Singolo */ 
        /* Large */
            div#pageList_singolo_large { margin-bottom: 2em; }
            div#pageList_singolo_large .thumbnail { float: left; margin-bottom: 5px; padding-right: 7px; }
            div#pageList_singolo_large .thumbnailImage { border: solid 1px #dcdcdc; height: 372px; padding: 1px; width: 630px; }
            
        /* Medium */
            div#pageList_singolo_medium { margin-bottom: 2em; }
            div#pageList_singolo_medium .thumbnail { float: left; margin-bottom: 5px; padding-right: 7px; }
            div#pageList_singolo_medium .thumbnailImage { border: solid 1px #dcdcdc; height: 272px; padding: 1px; width: 450px; }
           
        /* Small */
            div#pageList_singolo_small { margin-bottom: 2em; }
            div#pageList_singolo_small .thumbnail { float: left; margin-bottom: 5px; padding-right: 7px; }
            div#pageList_singolo_small .thumbnailImage { border: solid 1px #dcdcdc; height: 192px; padding: 1px; width: 280px; }
    
    /* Accordion */ 
        div#pageList_accordion { margin-bottom: 1em; }
        div#pageList_accordion h3 { background-color: #e5ffff; border: solid 1px #dcdcdc; color: #fff; padding: 10px 10px 10px 15px; }
        div#pageList_accordion .body { border: solid 1px #aaefea; border-top: none; padding: 10px 10px 10px 15px; }
        div#pageList_accordion p { font-family: arial; font-size: medium; font-style: normal; }        
        div#pageList_accordion img {  border: none; height: 142px; padding: 1px; /*width: 230px;*/ }
       
    /* Rotator */ 
        div#pageList_rotator {   min-height: 270px; width: 99% }
        div#pageList_rotator .rotator_inner { height: 99%;  padding: .5em .75em .5em .5em;}
        div#pageList_rotator .rotator_inner h2 { margin-bottom: .3em; }
        div#pageList_rotator .rotator_inner img { border: none; float: right; height: 150px; margin-left: 1em; margin-top: .5em; text-align: right;  }
        div#pageList_rotator .rotator_inner .excerpt {/* border: solid 1px #dcdcdc;*/ font-family: arial; 
                                                       /*font-size: medium; font-style: normal; */
                                                       margin-top: 0em; margin-bottom:0em; max-height:55%; overflow: hidden; }
        div#pageList_rotator .rotator_inner .createdBy { float: left; font-family: arial; margin-bottom:1em; }
        div#pageList_rotator .rotator_inner .createdDate { font-family: arial; margin-bottom:1em; }
        
        div#pageList_rotator .nav { bottom: .5em; position: absolute; right: .0em; padding: .3em; padding-right: .75em; padding-bottom: 1em; }
        div#pageList_rotator .nav a { background: #dcdcdc; /*border: 1px solid #dcdcdc;*/ color: #fff; font-family: Arial; 
                    font-size: .7em; font-weight: bold; margin:  3px; 
                                      padding: 3px 5px; text-decoration: none; }
        div#pageList_rotator .nav a:hover { background: #555/*#cd5c5c*/; color: #fff; }
        div#pageList_rotator .nav a.activeSlide { background: #555/*#cd5c5c*/;  color: #fff; }
        div#pageList_rotator .nav a:focus { outline: none; }
        
        
        
/* COMMENTS */
    /* Latest comments */
        div#LatestComments { }
        div#LatestComments .quote {  margin-bottom: 1em;
                                    border-left: solid 5px #FF2631; padding-left: 4px; }
                                    
        div#LatestComments .quote a { color: #777; font-weight: bold; font-style: normal; }
        
        
    /* Comments list */
        div#commentsList { }
        div#commentsList #commentCount { /*text-align: right; font-weight: bold; */}
        div#commentsList .commentItem { }
        div#commentsList #commentItem .meta { color: #808080; font-weight: normal; }
        div#commentsList #commentItem .text { }

    /* Add comments */
        .addCommentsButton { /*float: right; */}
        
        
        
       
        
        
        .bannernav { bottom: 1em; position: absolute; right: .5em; padding: .3em;  }
        .bannernav a { background: transparent; border: 1px solid #dcdcdc; color: #fff; font-family: Arial; 
                    font-size: .7em; font-weight: bold; margin:  3px; 
                                      padding: 3px 5px; text-decoration: none; }
        .bannernav a:hover { background: #cd5c5c; color: #fff; }
        .bannernav a.activeSlide { background: #cd5c5c; border: 1px solid #fff; color: #fff; }
        .bannernav a:focus { outline: none; }
        
        
        
/* ADMIN */ 
    
    
    /*div#adminPage { }
    div#adminPage .heading
    { background: transparent; color: #000; font-family: Arial; }*/
   
        
    
        
    /* Big panels */
        .panel {  margin: 1em 0 1em 0;  }
        .panel .top { background-color: #eee; border: solid 1px #dcdcdc; color: #555; padding: 5px 0 5px 8px ;}
        .panel .top img { border: none; float: right; }
        .panel .body { background-color: #ffffff; border: solid 1px #dcdcdc; border-top: none; padding:10px; }
    
    /* Admin buttons */
        div#saveArea { border-top: dotted 1px #dcdcdc; float: right; margin-top: 1em; padding-bottom: 3em; clear:both;}
        
        
        .button { /*background: #eff url(images/admin/buttons/plus_small.png) no-repeat 5px; */
                      background: #000 url(images/buttonBack.png) repeat-x ; 
                                border: solid 1px #606060; color:#fff;  font-family: Arial;
                                font-size: 1.3em; font-weight: bold; padding: 5px 10px 5px 10px; 
                               /* -moz-border-radius: 4px; -webkit-border-radius: 4px;*/
                                }
        
        
        .buttonRedOnHover { 
                      background: #000 url(images/buttonBack.png) repeat-x ; 
                                border: solid 1px #606060; color:#fff; font-family: Arial;
                                font-size: 1.3em; font-weight: bold; padding: 5px 10px 5px 10px; 
                                /*-moz-border-radius: 4px; -webkit-border-radius: 4px;*/}
        .buttonRedOnHover:hover { background: transparent url(images/buttonBackRed.png) repeat-x; border: solid 1px #bcbcbc; }