/* ----------------------------------------------------------

	Site:		[x]
	Type:		Main CSS

	Author: 	[x]
------------------------------------------------------------- */

/* @group common */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img,
fieldset {
	border: 0;
}

q:before,
q:after {
	content: "";
}

pre {
	overflow: auto;
	color: red;
	background: lightyellow;
	border: 1px dotted red;
	padding: 5px;
}

body {
	background: #e9f0f8;
    font-family:Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif;
    color:#555555;
    font-size:12px;
}

a {
    text-decoration:none;
    color:#0099FF;
}

a:hover {
    text-decoration:underline;
}

/* @end common */

/* @group common-classes */

.clr:after,
.colwrp:after,
#container:after,
#header:after,
#content:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.screenrdr,
.hidden {
	position: absolute;
	left: -9999px;
	top: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.fir {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.noborder {
	border: 0 !important;
}

.clr{
    clear:both;
}

.gray{
    color:#ccc;
}

.blue{
    color:#0099FF;
}

/* @end common-classes */

/* @group layout */

#container {
	width: 970px;	
	margin: 0 auto;
}

#header {
	height:116px;
    background:url('../imgs/header.jpg') no-repeat;
    position:relative;
}

#menu {
	height:84px;
    background:url('../imgs/bg_menu.gif') no-repeat;
    margin-top:9px;
}


#content {
	background:url('../imgs/container_back.gif') repeat-y bottom left #fff;
    padding:15px 20px;
}

#footer {
	height:53px;
    background:url('../imgs/footer_back.gif') center no-repeat;
}

.footerwrap{
    padding-top:15px;
    width:950px;
}

.footerwrap .fright, .footerwrap .fright a{
    color:#ffeda6;
    font-size:12px;
    font-weight:bold;
}

.footerwrap .fleft{
    color:#fff;
    font-size:10px;
    padding-left:15px;    
}

/* @group cols */

.colwrp {
	clear: both;
}


.col1{
    width:275px;    
    float: left;
    margin-left:15px;
}

.col2{    
    width:640px;    
    float:right;
}

.col3{
    width:247px;
    float:right;
}

.col4{
    width:220px;
    padding-right:20px;
}

/* @end cols */

/* @group boxwidth */

.w1 {}

.w2 {}

.w3 {}

/* @end boxwidth */

/* @end layout */

#logolink{
    display:block;
    height:110px;
    left:10px;
    position:absolute;
    top:0;
    width:322px;
}

#userProfileMenu{
    left:600px;
    position:absolute;
    top:30px;
    font-weight:bold;    
    
    line-height:24px;
    width:350px;
}

#userProfileMenu a{

}


#twitterLink{
    left:910px;
    position:absolute;
    top:33px;  
}

#blogLink{
    left:913px;
    position:absolute;
    top:33px;  
}

#map{
    border:1px solid #E3F5FC;
    width:640px;
    height:500px;
    font-size:12px;
}

.btnOk{
    background:url('../imgs/btn_ok.gif') no-repeat 0 0;
    border:0;
    height:25px;
    width:39px;    
}

.leftMenu{
    list-style:none;
}

.leftMenu li{
    background:url('../imgs/menu_sep.gif') no-repeat bottom left;
    padding:10px;
}

.leftMenu a{
    background:url('../imgs/a_back.gif') no-repeat 0 4px;
    color:#014168;
    font-weight:bold;
    font-size:11px;
        
    display:block;    
    padding-left:10px;
}



.leftForm{
    margin-top:10px;
    background:#f7f7f7;
    padding-bottom:10px;
    width:246px;
}

.leftForm h4{
    background:url('../imgs/h_back.gif') no-repeat;
    height:32px;
    color:#ffeda6;
    font-size:12px;
    line-height:20px;
    padding-left:18px;
}

.leftForm form{
    padding-left:18px;
}

.leftForm input{
    border:1px solid #a2c2cf;
    width:160px;
}

.leftForm button{
    margin-left:14px;    
}

.leftForm label{
    color:#9c9c9c;
    font-size:10px;
    line-height:16px;
}

.leftForm ul{
    list-style:none;
}

.formhelp{
    background:#e3e3e3;
    padding:3px;
    width:216px;
    text-align:center;
    color:#9c9c9c;
    font-size:10px;
}

.formhelp a{
    padding:0 5px;
    color:#2984bb;
    
    font-weight:bold;
}

.leftmenuback{
    background:url('../imgs/left_menu_back.gif') repeat-y;    
}

#infoLabel{
    position:absolute;
    background:#FFFBCF;
    border:1px solid #AA9D88;
    padding:3px;
    display:none;
}

#infoWin{
    min-height:120px;
}

#mostShared li{
    cursor:pointer;
}

#mostShared span{
    font-size:10px;
    color:#bbb;
}

.formLarge{
    
}

.formLarge .inputtext{
    width:400px;
    background:#C3E0FF url(../imgs/bg_input.gif) repeat-x scroll 0 0;
    border:1px solid #999999;
    padding:3px;
    margin-bottom:10px;
}

.formLarge label{
    line-height:25px;
    font-weight:bold;
}

.formLarge .inputsubmit{
    background:#0093CE url(../imgs/bg_nav.gif) repeat-x scroll 0 0;
    color:#fff;
    font-weight:bold;
    padding:3px;
}

.pizzaComments{
    border-bottom:1px solid #ccc;
    padding:10px;
    width:480px;
}

.pizzaComments img{
    margin-right:10px;
    margin-bottom:10px;
}

/* msgbox */
.usermsg{margin-top:12px;background:#FFD700;color:#555;width:576px;font-weight:bold;padding:3px 12px;}
.usererr{margin-top:12px;background:#F62C2C;color:#fff;width:576px;font-weight:bold;padding:3px 12px;}

/*Navigation menu*/
#nav{background:url('../imgs/container_back.gif') #fff;}
#nav ul{margin:0 5px;height:22px;border:1px solid #90cce6;background:url('../imgs/bg_nav2.gif') #90cce6;}
#nav li{display: inline;float:left;padding-top:2px;}
#nav li a{font-size: 11px;font-weight:bold;color:#fff;display:block;padding:5px 12px 3px 12px;border-right:1px solid #90cce6;}
#nav li a:hover{background:#90cce6;color:#fff;border-bottom:0;}
#nav .active{background:url('../imgs/bg_active_menu.gif') #fff repeat-x;border:1px solid #90cce6;border-bottom:0;padding-top:4px;padding-bottom:3px;color:#555;}
#nav  li  a:hover.active{background:url('../imgs/bg_active_menu.gif') #fff repeat-x;color:#555;}


