<?php
    require_once '../../classes/__clientInfo.php';  // required to get client information  
    $theme = isset($_GET['theme'])? $_GET['theme'] : 'magenta';  
    
    switch ($theme) {
        default:
        case 'red' :    $col = "#D25A0B"; break;
        case 'green':   $col = "#008F00"; break;
        case 'blue':    $col = "#728FE0"; break;
        case 'magenta': $col = "#D900B0"; break;
        case 'brown':   $col = "#AB5500"; break;
  
    }  
     
    $greetings = "Setting CSS properties for :";
   
    $nClient = new __clientInfo();
    $ie =  (substr_count($nClient -> browser,'MSIE')) ? true : false;  
    
    $tBrowser = $nClient -> browser;      
   
    ob_start();    // to help facilitate sending gz-encoded data to web browsers 
   
    header("Content-type: text/css; charset: utf-8");
    $_exp = "Expires: " .  gmdate("D, d M Y H:i:s", time() + 3600) . " GMT";
    header($_exp);
  
    header("Cache-Control: no-cache");                                   


?>
 /*---------- <?php echo $greetings . $tBrowser; ?> -----------*/  
 /*---------- <?php echo "Theme Selected: $theme"; ?> -----------*/    
body { 
	padding: 0; 
	margin: 0; 
	font: .74em Arial, sans-serif, Times New Roman; 
	line-height: 1.5em; 
	background: #fff url('/images/<?php echo $theme; ?>/n1.gif') repeat-x top; 
	color: #454545; 
}
/* Top part */

#top { 
    padding-top: 20px; 
    background: transperent; 
    <?php if ($ie) { ?>
    height: 100px;
    <?php } else { ?>
    height: auto;
    <?php } ?>
    vertical-align: middle;
}
	
#top h1 { 
    font: bold 1.8em Arial, Sans-Serif; 
    padding: 8px 0 4px 0; 
    margin: 0; 
    letter-spacing: 1px; 
    color: #FFF;
    vertical-align: middle;    
}

#top h2 { 
    font: 1.0em Arial, Sans-Serif; 
    letter-spacing: 0px; 
    color: #fff; 
    margin:0; 
    padding: 0;
    vertical-align: middle;    
}

#top #icons { 
    float: right; 
    margin:20px 0; 
    padding:0 
}
#top #icons img { 
    padding-right: 2px; 
    border: 0 
}
	
a {	
    color: <?php echo $col; ?>;	
    background: inherit; 
    text-decoration: none; 
}

a:hover { 
    color: #fff; 
    background: <?php echo $col; ?>; 
    text-decoration: none; 
}

p { 
    margin: 0 0 15px 0; 
}

h1 { 
    font: normal 2.8em Georgia, "Times New Roman", Arial; 
    color: #444; 
}

h2.heading { 
    font: normal 1.7em Georgia, "Times New Roman", Arial; 
    margin: 0 0 10px; 
    padding: 0 0 3px; 
    color: #333; 
    border-bottom:1px dotted <?php echo $col; ?>; 
}

img { 
    border: 0; 
}

a.thumb:hover  {
    text-decoration: none;
    border: none;
    background: none;
}

#content { 
    width: 930px; 
    margin: 50px auto; 
}

#logo { 
    margin: 0px 0 20px 0; 
    width: 120px; 
    float: left; 
}

#logo p { margin: 0; }

#menu { 
    float: right; 
    padding: 10px 0 0; 
    margin: 0px; 
}

#menu li { 
    font-size: 1.1em; 
    display: inline; 
    vertical-align: middle;
}

#menu li a { 
    float: left; 
    width: 87px; 
    padding: 2px 0 7px 2px; 
    text-align: center; 
    margin: 0px 10px 2px 0px; 
    color: #636365; 
    border:1px solid <?php echo $col; ?>; 
}

#menu li a.current { 
    background: <?php echo $col; ?>; 
    color: #fff;  
    border-bottom :3px solid <?php echo $col; ?>; 
    margin: 0 10px 0px 0px; 
}

#menu li a:hover { 
    text-decoration: none; 
    color: #fff; 
    background: <?php echo $col; ?>; 
}

.clear { 
    clear: both; 
}

.caption { 
    background: #fff url(/images/title.gif) no-repeat; 
    padding: 2px 0 0 18px; 
    height: 35px; 
    color: #fff; 
    margin: 0px; 
}

.caption p { 
    margin: 0px; 
}

#left { 
    margin: 0 0 20px; 
    clear: left; 
    width: 260px; 
    float: left; 
}

#right { 
    float: right; 
    width: 640px; 
    <?php if ($ie) { ?>
    margin: 65px 0 20px; 
    <?php } else { ?>
    margin: 0px 0 20px;
    <?php } ?> 
}

.dotted_left {
    border-left:1px dotted <?php echo $col; ?>; 
    padding: 10px;  
}

.box { 
    background: #eee; 
}

#left img {    
    padding: 6px; 
    border-right: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: #fff;
}

.smallthumb { 
    background:#fff none repeat scroll 0 0;
    border-bottom:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    padding:6px;
    margin:3px;
}

#center { 
    width: 240px; 
    float: left; 
    <?php if ($ie) { ?>
        margin: 65px 0 20px 170px; 
    <?php } else { ?>
        margin: 0px 0px 0px 10px;
    <?php } ?>
    
}


.date { 
    font-size: .8em; 
    border-top: 1px solid #eee; 
    padding: 5px 0 0; 
}

.box { 
    background: #eee; 
    padding: 10px 5px 0px 5px;
    font: .72em sans-serif; 
    
}

.box li { 
    list-style: none; 
    border-bottom: 1px dotted #ccc; 
    line-height: 20px;
}

.box li a { 
    padding: 0 20px; 
    background: url(/images/lm-li.gif) no-repeat 0px 0px;
}

.box li a:hover { 
    padding: 0 20px; 
    color:black; 
    background: url(/images/lm-li.gif) no-repeat 0px 0px; 
    border-bottom :1px dotted <?php echo $col; ?>;
}   

#footer { 
    font-size: .84em; 
    clear: both; 
    padding: 15px; 
    background: #eee; 
}

#footer a { 
    color: #444; 
}

#main_tabs_red_line {
    background:<?php echo $col; ?> none repeat scroll 0 0;
    clear:both;
    height:7px;
    line-height:3px;
    padding:-3px 0 0 0;
    width:100%;
    
}

.hidden {
    display: none;
    background: transparent;
}

.white {
    color:white;  
}
/* thumbnail slider begin */

/* apply the gallery design */
#gallery_container {  width:500px ; height:94px ; margin:10px auto 10px; background:#EBE2E5 ; padding:7px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:442px ; height:90px ; margin:0px auto 0px;  }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{vertical-align: middle; border:0px; }

/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; right:0px; background:url(/images/slider/gallery_fwd.jpg) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; left:0px; background:url(/images/slider/gallery_back.jpg) no-repeat;  }

#gallery_container1 {  width:500px ; height:94px ; margin:10px auto 10px; background:#EBE2E5 ; padding:7px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container1{ position:relative ; overflow:hidden ; width:442px ; height:90px ; margin:0px auto 0px;  }
/* the thumbnails container */
#thumbs1 { white-space:nowrap; display:block; position:relative; }

#thumbs1 a { padding:0px; margin:0px; }
#thumbs1 a img{vertical-align: middle; border:0px; }

#gallery_container2 {  width:500px ; height:94px ; margin:10px auto 10px; background:#EBE2E5 ; padding:7px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden ; width:442px ; height:90px ; margin:0px auto 0px;  }
/* the thumbnails container */
#thumbs2 { white-space:nowrap; display:block; position:relative; }

#thumbs2 a { padding:0px; margin:0px; }
#thumbs2 a img{vertical-align: middle; border:0px; }

/* thumbnail slider end */

/* banner rotator */
#banners_container { display:block; position:relative; width:557px; height:140px; margin:0px auto 0px; border:1px #CCCCCC solid; }
#banner_container { position:relative ; overflow:hidden ; width:557px ; height:134px ; margin:0px auto 0px;  }
#banners { white-space:nowrap; display:block; position:relative; }
#banners a img { border:none; }


/*--------------------------------------------------------*/
<?php
    /* do not edit following code */ 
    $buffer = ob_get_contents();     //collect the output     
    
    ob_end_clean();  //end capture output
   
    echo $buffer;

?>