body {
font-size:13px;
font-family:'Trebuchet MS';
color:#333;
background-color:#333;
margin:5px 0 5px 0;
}


td, tr {
font-size:13px;
font-family:'Trebuchet MS';
color:#333;
}



/*Global Module Colors for main Photogra website

Module1-----> grey
Module2-----> blue
Module3----->green

*/





/*Header CSS Start*/

.header {
background-color:#fff;
width:100%;
}





/*  change color of the  top part background shell*/
.topmid {
background:url(images/top-m.gif) repeat-x bottom;        
}

.logomid {
background:url(images/logobg-m.gif) repeat-x bottom;
}

.menumid {
background:url(images/menu-mid.gif) repeat-x top;
}

.menuright {
background:url(images/menu-right.gif) no-repeat left top;

}
/*  change color of the  top part shell----Ends*/


/*Menu Starts*/


ul#menu {
    height: 2.46em;
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0;
}

ul#menu li {
    float: left;
    margin: 0 3px 0 0;
}

ul#menu a {
    background: #bdf url(images/tabs-czoo.png);
    color: #fff;
    display: block;
    float: left;
   height: 2.46em;
    padding-left: 20px;
    text-decoration: none;
	font-weight:bold;
}

ul#menu a:hover {
    background-position: 0 -32px;
	font-weight:bold;
	color: #000;
}

ul#menu a:hover span {
    background-position: 100% -32px;
}

ul#menu li.here a {
    background-position: 0 -32px;
    font-weight:bold;
	color: #000;
}

ul#menu li.here span {
    background-position: 100% -32px;
}

ul#menu span {
    background: url(images/tabs-czoo.png) 100% 0;
    display: block;
    line-height: 2.46em;
    padding-right: 20px;
}


/*Menu Ends*/







.module-repeat-left {
background:url(images/module-repeat.gif) repeat-y top left;
}

.module-repeat-right {
background:url(images/module-repeat2.gif) repeat-y top right;
}

/*Header CSS Ends*/







/*Middle CSS Starts*/

.banner-top {
background:url(images/banner-top.gif) repeat-x top;
height:16px;
}

.banner-bot {
background:url(images/banner-bot.gif) repeat-x top;
height:16px;
}

.banner-left {
background:url(images/banner-left.gif) repeat-y top;
height:16px;
}

.banner-right {
background:url(images/banner-right.gif) repeat-y top;
height:16px;
}

.banner-tab {
margin-bottom:20px;
}

.divimg {
float:left;
padding:2px 16px 2px 8px;
}

.divwelcome {
float:left;
padding:2px 6px 2px 0px;
}

.f26 {
color:#3F89DA;
font-size:26px;
}



/*Module-1*/

.module1-top {
background:url(images/mod1-top.gif) repeat-x top;
color:#222324;
font-size:16px;
font-family:'lucida sans unicode';
}



.module1-bot {
background:url(images/mod1-bot.gif) repeat-x top;
}


.grey-bot_inner {
border-bottom:1px solid #E2E2E2;
height:16px;
}



.module1mid {
background:url(images/mod1-mid.gif) repeat-x top;
border-left:1px solid  #E2E2E2;
border-right:1px solid  #E2E2E2;
padding:12px 12px 0 12px;
}

/*Module 1*/




/*Module2*/

.module2-top {
background:url(images/mod2-top.gif) repeat-x top;
color:#222324;
font-size:16px;
font-family:'lucida sans unicode';
}

.module2-bot {
background:url(images/mod2-bot.gif) repeat-x top;
}


.module2mid {
border-left:1px solid  #E8F4D0;
border-right:1px solid  #E8F4D0;
padding:12px 12px 0 12px;
}

/*Module2*/


/*Module3*/

.module3-top {
background:url(images/mod3-top.gif) repeat-x top;
color:#222324;
font-size:16px;
font-family:'lucida sans unicode';
}

.module3-bot {
background:url(images/mod3-bot.gif) repeat-x top;
}


.module3mid {
border-left:1px solid  #D4E2F1;
border-right:1px solid  #D4E2F1;
padding:12px 12px 0 12px;
}

.bluemid_inner {
border-left:1px solid  #D4E2F1;
border-right:1px solid  #D4E2F1;
padding:12px 12px 0 12px;
background-color:#EFF6FE;
}


.blue-bot_inner {
border-bottom:1px solid #D4E2F1;
height:16px;
background-color:#EFF6FE;
}

/*Module3*/






.bul {
margin-right:6px;
}


.input {
width:120px;
background-color:#fff;
border:1px solid #DEDCDC;
}

.login {
background:#F3F3F3;
padding:6px;
}


.event {
font-size:20px;
color:#3F89DA;
}

.search {
margin-right:10px;
}

.eventimg {
margin-right:16px;
}


.linkb {
text-decoration:none;
color:#66A8F1;
border-bottom:1px solid;
}

.linkb:hover {
text-decoration:none;
color:#000;
border-bottom:1px solid;
}


.public {
border:1px solid #E9E8E8;
padding:4px;
}

.pphoto {
background:#E9E8E8;
border:1px solid #D7D7D7;
height:52px;
}


/*Inner*/

.list {
padding:0;
margin:0;
list-style-type:none;
float:right;
}

.list li {
display:inline;
}

.list li a {
font-size:12px;
color:#3D3B3B;
margin:0 4px 0 4px;
text-decoration:none;
}

.list li a:hover {
text-decoration:underline;
}





/*Inner*/








/*Middle CSS Ends*/


/*Footer CSS Ends*/

#fmid {
background:url(images/fmid.gif) repeat-x top;
color:#fff;
font-size:12px;
padding-top:10px;
}  

                   
#fmid a  {
margin-left:8px;
margin-right:8px;
color:#fff;
font-size:12px;
text-decoration:none;
}

#fmid a:visited  {
color:#fff;
font-size:12px;
}

#fmid a:hover  {
color:#000;
text-decoration:underline;
}







/*Footer CSS Ends*/