/* General formatting */

* {
	margin:0;
	padding: 0;
	}
	
body {
	background: #e6e6e6 url(../../images/background.gif) repeat-x left top;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #1f1f1f;
	padding-top: 19px;
	}
	
a {
	color: #60a8d0;
	text-decoration: none;
	outline: none;
	}
	
a:hover {
	text-decoration: underline;
	color: #529bc3;
	}
	
a img {
	border: none;
	}
	
small {
	font-size: 10px;
	}
	
p {
	margin: 10px 0;
}

h1 {
	color: #55a2cd;
	font-size: 20px;
	color: white;
	}
	
h2 {
	color: #55a2cd;
	font-size: 19px;	
	padding-top: 3px;
	}
	
h3 {
	color: #55a2cd;
	font-size: 12px;
	font-weight: bold;
}

.clear {
	width: 100px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	display: block;
	clear: both;
}

/* container div */

.container {
	width: 1000px;
	margin: 0 auto;
	}
	
/* Logo positioning */

.logo {
	margin: 0 82px  23px 24px;
	float: left;
	display: inline;
	}
	
	
	
 .logo-logged {
    margin: 0 21px 23px 24px;
    float: left;
    display: inline;
    }
	
/* Top Right Menu */

.topright {
	list-style: none;
	margin: 23px 0 0 0;
	float: right;
	display: inline;
	}
	
.topright li {
	float: left;
	}
	
.searchform {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	width: 180px;
	padding: 9px 0 14px 4px;
	background:url(../../images/search-input.gif) no-repeat left top;
	border: none;
	float: left;
	}
	
.searchbtn {
	float: left;
	width: 41px;
	height: 35px;
	background:url(../../images/search-btn.gif) no-repeat left top;
	border: none;
	cursor: pointer;
	}
	
	
a.fb_connect {
	display: block;
	height: 35px;
	width: 196px;
	line-height: 33px;
	text-align: center;
	color: white;
	text-decoration: none;
	margin-right: 14px;
	_margin-right: 7px;
}
a.topmenu {
	display: block;
	height: 35px;
	width: 76px;
	background: #111111 url(../../images/topmenu-bg.gif) no-repeat top left;
	line-height: 33px;
	text-align: center;
	color: white;
	text-decoration: none;
	margin-right: 14px;
	_margin-right: 7px;
	}
	
a.topmenu:hover {
	color: white;
	background: #111111 url(../../images/topmenu-bg.gif) no-repeat left bottom;
	
	}
	
	
.header {
	overflow: hidden;
	}
	
/* main container */

.maincontainer {
	border: 1px solid #6c6c6c;
	width: 986px;
	background:url(../../images/mainbg.png);
	padding: 6px;
	margin-bottom: 12px;
    z-index:1;
	}
	
/* main */

.main {
	background: white;
	width: 970px;
	padding: 8px;
	overflow: hidden;
	}
	
/* menu */

ul#menu
{
    list-style: none;
    height: 50px;
    background: url('../images/menu-bg.gif') repeat-x left top;
    width: 100%;
    margin-bottom: 8px;
    position: relative;
    z-index: 2;
}
	
ul#menu li {
	float: left;
	}
	
ul#menu li a {
	color: white;
	font-weight: bold;
	height: 50px;
	display: block;
	border-left: 1px solid #262626;
	border-right: 1px solid #636363;
	line-height: 50px;
	padding: 0 22px;
	text-decoration: none;
	_width: 80px;
	_padding: 0;
	_text-align: center;
	}
	
ul#menu li a:hover, ul#menu li a.active {
	background: url(../../images/menu-over.gif) repeat-x left top;
	border-left: 1px solid #3ba5e0;
	border-right: 1px solid #69b8e4;
	}
	
	
	
/* features */

#steps {
	width: 100%;
	height: 180px;
	background: #1d1d1d url(../../images/homebanner.gif) repeat-x left top;
	color: white;
	margin-bottom: 8px;
	}
	
#stepstitle {
	margin: 12px 0 13px 21px;
	}
	
#steps ul {
	list-style: none;
	}
	
#steps ul li {
	float: left;	
	border-left: 1px solid #494949;
	border-right: 1px solid #000000;
	padding: 0 25px 0 10px;
	height: 120px;
	width: 286px;
	}

.stepimg {
	float: left;
	display: inline;
	margin-right: 5px;
	}
	
a.button {
	width: 103px;
	height: 35px;
	background: url(../../images/buttonblue.png) no-repeat left top;
	display: block;
	color: white;
	text-align: center;
	line-height: 34px;
	text-decoration: none;	
	cursor: pointer;
	}
	
input.button {	
	width: 103px;
	height: 35px;
	background: url(../../images/buttonblue.png) no-repeat left top;
	display: block;
	color: white;
	text-align: center;
	line-height: 34px;
	text-decoration: none;	
	cursor: pointer;
	border: none;
}

input.disablebutton {	
	width: 103px;
	height: 35px;
	background-color:Gray;
	display: block;
	color: white;
	text-align: center;
	line-height: 34px;
	text-decoration: none;	
	cursor: pointer;
	border: none;
}
	
a.button:hover {
	color: white;
	background: url(../../images/buttonblue.png) no-repeat left -34px;
	
	}
	
#steps p.stepstext {
	margin-bottom: 25px;
	}
	
/* columns */

#col-1 {
	width: 725px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-right: 12px;
	}
	
	
#col-2 {
	width: 232px;
	float: left;
	overflow: hidden;
}

#col-3 {
	width: 725px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-left: 244px;
	}
	
#col-4 {
	width: 232px;
	float: left;
	overflow: hidden;
	margin-left: -969px;
}

#col-5 {
	width: 100%;	
	overflow: hidden;	
}
	
#col-6 {
	width: 725px;
	float:left;
	overflow: hidden;
	display: inline;
	margin-left: 244px;
	}
	
.bluetitle {
	height: 33px;
	position: relative;
	background:url(../../images/title-blue-bg.gif) repeat-x left top;
	border-top: 1px solid #44b0ec;
	padding-top: 16px;
	text-indent: 12px;
	}
	
.bluetitle span.corner {
	width: 20px;
	height: 10px;
	display: block;
	background:url(../../images/title-blue-triangle.gif) no-repeat left top;
	position: absolute;
	top: 49px;
	right: 31px;
	}

.bluetitle h1 span {
	color: #2d2d2d;
}

.blacktitle {
	height: 33px;
	position: relative;
	background:url(../../images/title-black-bg.gif) repeat-x left top;
	border-top: 1px solid #2e2d2d;
	padding-top: 16px;
	text-indent: 12px;
	}
	
.blacktitle span.corner {
	width: 20px;
	height: 10px;
	display: block;
	background:url(../../images/title-black-triangle.gif) no-repeat left top;
	position: absolute;
	top: 49px;
	right: 31px;
	}

.blacktitle h1 span {
	color: #60a8d0;
}

.blacktitle h2 span {
	color: #60a8d0;
}

	
#col-1 .box, #col-3 .box {
	width: 699px;
	border: 1px solid #cfcfd0;
	padding: 12px;
	overflow: hidden;
	margin-bottom: 12px;
	}
	
#col-2 .box, #col-4 .box {
	border: 1px solid #cfcfd0;
	padding: 6px;
	overflow: hidden;
	margin-bottom: 12px;
	}
	
.box {
	border: 1px solid #cfcfd0;
	padding: 6px;
	overflow: hidden;
	margin-bottom: 12px;
	}
	
.box2 {
	border-bottom: 1px solid #cfcfd0;
	border-left: 1px solid #cfcfd0;
	border-right: 1px solid #cfcfd0;
	padding: 3px 6px;
	overflow: hidden;	
	}
	
.box2 span {
	
}


#col-1 .section_box {
	width: 350px;
}

#col-1 .matches {
	float: left; 
}

#col-1 .recent_fantator_activity {
	float: right; 
}

#col-1 .section_box .box {
	width: 324px;
	border: 1px solid #cfcfd0;
	padding: 12px;
	margin-bottom: 12px;
}

#col-1 .section_box .box ul.items li {
	width: 325px;
	background: url(../../images/round-top_b.gif) no-repeat left top;
	position: relative;	
	}
	
#col-1 .section_box .box #recent ul.items li .itemtopleft {
	width: 228px;	
	}
	
	#col-1 .section_box .box #recent ul.items li .itemtopleft-comment {
	width: 114px;	
	}
	
#col-1 .section_box .box #recent ul.items li .itemtopright {
	width: 319px;
	background: url(../../images/round_bottom_b.gif) no-repeat right bottom;
	float: right;
	clear: both;
	padding: 10px 3px;
	text-align: right;
	}

#col-1 .section_box .box .itembottom {	
	overflow: hidden;
	padding: 2px 6px;
	width: 313px;
	background: url(../../images/round_black_bottom_b.gif) no-repeat left top;
	height: 19px;
	}

	
/* matches */

#col-1 ul.items li, #col-3 ul.items li {
	width: 690px;
	background: url(../../images/round-top.gif) no-repeat left top;
	position: relative;	
	}
	
#col-2 ul.items li, #col-4 ul.items li {
	width: 210px;
	background: url(../../images/column-round.gif) no-repeat left top;
	position: relative;
	margin-top: 9px;
	margin-bottom: 0px;
	} 
	
#col-1 #recent ul.items li .itemtopleft, #col-3 #recent ul.items li .itemtopleft {
	width: 596px;	
	}
	
#col-1 #recent ul.items li .itemtopright, #col-3 #recent ul.items li .itemtopright {
	width: 684px;
	background: url(../../images/round_bottom.gif) no-repeat left bottom;
	float: right;
	clear: both;
	padding: 10px 3px;
	text-align: right;
	}

ul.items {
	list-style: none;
	margin-bottom: 15px;
	}
	
ul.items li {	
	margin-bottom: 8px;
	overflow: hidden;
	}
	
ul.items li h2 a {
	text-decoration: none;
	}
	
.itemtop {
	overflow: hidden;
	padding: 6px;
	}

.itemtopleft {
	float: left;
	}
	
.itemtopright {
	float: right;
	padding: 2px 0 2px 2px;
	background:url(../../images/box-bg.jpg) repeat-x left bottom;	
	}
	
.itemtopright a {
	margin-right: 3px;
	float: left;
	_margin-right: 1px;
	}
	
.itemtopright a:hover {
	color: white;
}
	
a.fantate {
	font-size: 10px;
	text-transform: uppercase;
	height: 18px;
	display: block;
	text-align: center;
	width: 67px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: -1px;
	}
	
.itembottom {	
	overflow: hidden;
	padding: 2px 6px;
	width: 678px;
	background: url(../../images/round_black_bottom.gif) no-repeat left top;
	height: 19px;
	}
	
.itembottom2 {
	font-size: 12px;
	padding: 1px 10px;
	}
	
.itembottomleft {
	float: left;
	color: white;
	font-size: 11px;
	}
	
.itembottomright {
	float: right;
	padding: 0 3px;
	}
	
.live {
	width: 51px;
	height: 18px;
	display: block;
	background: url(../../images/live-btn.gif) no-repeat left top;
	}
	
.remove {
	width: 51px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: url(../../images/remove-btn.gif) no-repeat left top;
	}

	
.today {	
	width: 51px;
	height: 18px;
	display: block;
	background: url(../../images/today-btn.png) no-repeat left top;	
	}
	
.share {	
	width: 51px;
	height: 18px;
	display: block;
	background: url(../../images/share-btn.png) no-repeat left top;	
	}
	
.reply {	
	width: 51px;
	height: 18px;
	display: block;
	background: url(../../images/reply-btn.png) no-repeat left top;	
	}
    
.add {	
	width: 104px;
	height: 18px;
	display: block;
	background: url(../../images/add-btn.png) no-repeat left top;	
	}
    	
.alignleft {
	width: 50%;
	float: left;
	margin-bottom: 8px;	
	padding-top: 15px;
	}

.alignright {
	width: 50%;
	float: right;
	text-align: right;
	margin-bottom: 8px;
	padding-top: 15px;
	}
	
	.alignright1 {
	width: 50%;
	float: right;
	text-align: right;
	margin-bottom: 18px;
	padding-top: 15px;
	}
	
.previous {
	width: 71px;
	height: 25px;
	background: url(../../images/button3.gif) no-repeat left top;
	display: block;
	line-height: 22px;
	color: #2e2e2e;
	text-align: center;
	text-decoration: none;
	}
	
		
.next {
	width: 71px;
	height: 25px;
	background: url(../../images/button2.gif) no-repeat left top;
	display: block;
	line-height: 22px;
	color: #2e2e2e;
	text-align: center;
	text-decoration: none;
	float: right;
	}
	
a.next:hover, a.previous:hover {
	color: #666;
	}
	
.box h2 {
	display: inline;
	}
		
.box small {
	margin-left: 5px;
	position: relative;
	top: -3px;
	}
	
.pic {
	width:62px;
	height: 54px;
	float: left;
	background: url(../../images/box-left.png) no-repeat left top;
	padding: 8px;
}

.pic-comment {
	width:31px;
	height: 27px;
	float: left;
	padding: 8px;
}

.num {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	float: left;
	background: url(../../images/num-bg.gif) no-repeat left top;	
	text-align: center;
	margin: 5px;
}

p.label_checkbox_pair {

  clear: both;

  float: none;

  position: relative;

}

p.label_checkbox_pair input {

  left: 30px;

  position: absolute;

  top: 7px;

}

p.label_checkbox_pair imgFB {

  display: block;

  margin-left: 90px;

}

.howto {
	float: left;
	width: 172px;
	padding-top: 5px;	
	_width: 165px;
}

.latestimg {
	border:1px solid #dadada;
	float: left;
	margin: 0 10px;
}

.latestlink {
	font-size: 14px;
	line-height: 28px;
}

#latestbox .box {
	margin-bottom: 0px;
	border-top: 0px;
}

#latestbox {
	margin-bottom: 12px;
}

#latestbox ul {
	list-style: none;
}


#footercontainer {
	background: #222222;
	padding: 12px 0;
	width: 100%;
	overflow: hidden;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	color: white;
}

#footer ul {
	list-style: none;
	overflow: hidden;
}

#footer strong {
	color: #55a2cd;
}

#footer ul li {
	float: left;
	width: 315px;	
	display: inline;
	margin: 12px 0 12px 15px;
}

#footer ul li img {
	float: left;
	margin-right: 6px;
	padding-right: 6px;
	border-right: 1px solid #353535;
}

#footerlinks {
	padding: 15px;
	border-top: 1px solid #353535;
}

#regleft {
	width: 437px;
	float: left;
}

.regform {
	border: 1px solid #dadada;
	background: #f1f1f1 url(../../images/box-bg.jpg) repeat-x left top;
	padding: 10px;
	overflow: hidden;
}

.regform  p {
	clear: both;
}

.inp {
	border: 1px solid #d4d4d5;
	background: white;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #1f1f1f;
	padding: 4px;
	margin-right: 6px;
	float: left;
	display: inline;
	width: 150px;
}

.ok {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #7a9704;
	background:url(../../images/ok.gif) no-repeat left top;
	padding-left: 32px;
	float: left;
}

.warning{
	display: block;
	height: 25px;
	line-height: 25px;
	color: #ffa200;
	background:url(../../images/warning.gif) no-repeat left top;
	padding-left: 32px;
	float: left;
}

.error {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #ff0006;
	background:url(../../images/error.gif) no-repeat left top;
	padding-left: 32px;
	float: left;
}

.button2 {
	height: 27px;
	line-height: 22px;
	color: #2e2d2d;
	border: 1px solid #dadada;
	background: #f1f2f3;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	}
	
	
	
	.remove2
{
	height: 27px;
	line-height: 22px;
	color: white;
	border: 1px solid #dadada;
	background: #669966;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
	
#regright {
	padding: 76px 8px 0 8px;
	float: left;
	width: 199px;
	}
	
.columnbottom {
		width: 210px;
		height: 11px;
		background:url(../../images/round-column-bottom.gif) no-repeat left bottom;
		display: block;
		clear: both;
	}
	
#matches {
	_top: 0px;	
	}
	
#matches li {
	top: 0px;
	}
	
#latestbox .box {
	_height: 30px;
	}
	
.loginbox {
	width: 390px;
	height: 165px;
	margin: 40px auto;
	background:url(../../images/login-box.gif) no-repeat left top;
	padding: 10px;
	}
	
.loginbox .inp {
	padding: 5px 3px;
	width: 377px;
	margin: 5px 0;
	}
	
.button3 {
	width: 80px;
	height: 32px;
	background:url(../../images/button4.png) no-repeat left top;
	border: none;
	font-size: 12px;
	cursor: pointer;
	}

.loginVerifybox {
	width: 490px;
	height: 165px;
	margin: 40px auto;
	background:url(../../images/login-box.gif) no-repeat left top;
	padding: 10px;
	}
	
.loginVerifybox .inp {
	padding: 5px 3px;
	width: 377px;
	margin: 5px 0;
	}
	
.button3 {
	width: 80px;
	height: 32px;
	background:url(../../images/button4.png) no-repeat left top;
	border: none;
	font-size: 12px;
	cursor: pointer;
	}
	
ul#categorylist {
	list-style: none;
}

ul#categorylist li {
	float: left;
	width: 342px;
	background:url(../../images/category-box-top.jpg) no-repeat left top;
	margin-left: 7px;
	margin-bottom: 7px;
	display: inline;
	padding-top: 4px;
}


ul#categorylist li h2 {
	padding: 12px;
	margin-bottom: 8px;
	overflow: hidden;
}

ul#categorylist li ul {
	list-style: circle;
	background: #2e2e2e url(../../images/category-box-bottom.jpg) no-repeat left bottom;
	color: white;	
	margin-top: 5px;
	padding-bottom: 6px;
    _width: 342px;
}

ul#categorylist li ul li {
	fLoat: none;
	background: url(../../images/arrow.jpg) no-repeat left 11px;
	display: block;
	margin: 5px 5px;
	padding-left: 12px;
    width: 320px;
	height: 12px;
}

.alert {
	width: 690px;
	background:url(../../images/round-top.gif) no-repeat left top;
	margin-bottom: 12px;
	overflow: hidden;
}

.alertbottom {
	width: 690px;
	height: 15px;
	background:url(../../images/round_bottom.gif) no-repeat left bottom;
	display: block;
}

.imag {
	float: left;
	margin: 15px 15px 0 15px;
	display: inline;
}

.alert p {
	padding-top: 8px;
}

.red {
	color: red;
}

.tv {
	background: url(../../images/icon-tv.png) no-repeat left 0px;
	margin-left: 5px;
	padding-left: 20px;
	height: 15px;
	margin-top: 3px;
}

.fantators {
	position: absolute;
	font-weight: bold;
	top: 38px;
	left: 603px;	
}

#message {
	background: url(../../images/icon-envelope.gif) no-repeat left 4px;
	margin-left: 5px;
	padding-left: 20px;
	height: 15px;
	margin-top: 12px;
	float: left;
	margin-bottom: 12px;
}

.button6 {
	width: 131px;
	height: 25px;
	background:url(../../images/button6.gif) no-repeat left top;
	line-height: 25px;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #2b2b2b;
	float: left;
	font-size: 11px;	
}

.button6:hover {
	color: #666;
}

.profilepic {
	border:1px solid #cfcfcf;
	margin: 8px 0;
}

#changeprofilepic {
	padding-left: 43px;
}

ul#following {
	list-style: none;
	margin: 10px 0;
}

ul#following li {
	float: left;
	display: inline;
	margin: 5px 9px;
}

.window {
	width: 723px;
	margin-bottom: 12px;
	border:1px solid #CFCFD0;
	padding-bottom: 6px;
}

div.window .alignleft, div.window .alignright {
	padding-top: 0px;
}

div.window span, div.window h2 {
	padding: 6px;
}

.windowtitle {
	background: #2d2c2c;
	padding: 6px 3px 0 6px;
	overflow: hidden;
	color: white;
	margin-bottom: 6px;
    _height: 25px;
}

.fantateinp {
	width: 665px;
	border: 1px solid #CFCFD0;
	font: 20px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	margin: 12px 0 0 5px;
	padding: 10px 5px;
	
}

.fantateinp1 {
	width: 665px;
	border: 1px solid #CFCFD0;
	font: 20px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	margin: 12px 0 0 5px;
	padding: 10px 5px;
	top:100px
	
}

#fantator .alignleft, #fantator .alignright {
	padding-bottom: 0px;
}

#fantate input.button {
	margin-left: 5px;
}

#fantate .alignright span {
	padding-right: 10px;	
	padding-top: 8px;
	display: block;
}

.mail td {
      padding: 3px 5px;
} 

.mail {
      margin-bottom: 8px;
      border: 1px solid #e2e2e2;
      margin-left: 10px;
}

.button5 {
	width: 71px;
	height: 25px;
	background:url(../../images/button3.gif) no-repeat left top;
	border: none;
    display: block;
    line-height: 25px;
    text-align: center;
	font-size: 12px;
	cursor: pointer;
	color: #2b2b2b;
	float: left;
	font-size: 11px;	
    text-decoration: none;
}

.button5:hover {
	color: #666;
}

.button7 {
	width: 71px;
	height: 25px;
	background:none;
	border: none;
    display: block;
    line-height: 25px;
    text-align: center;
	font-size: 12px;
	cursor: pointer;
	color: white;
	float: left;
	font-size: 11px;	
    text-decoration: none;
}

.alignright .button5 {
            float: right;
 }
 
 .compose {
          width: 650px;
          margin: 10px auto;
          border: 1px solid #e2e2e2;
          background: white;
          padding: 10px;
  }
  
  .compose .label {
           float: left;
           height: 26px;
           line-height: 26px;
           width: 120px;
   }
   
   .compose .inp {
            width: 500px;
            margin-bottom: 10px;
            padding: 6px;
    }
    
.compose .composetxt {
            width: 330px;            
            padding: 6px;
            border: 1px solid #D4D4D5;
    }
    
.composebtn {
            border: none;
            float: none;
            cursor: pointer;
 }
 
.compose .label2 {
         width: 220px;
         height: 12px;
         margin-bottom: 5px;
         line-height: 12px;
 }
 
 #service {
 	width: 224px;
	margin: 10px auto;
	background: url(../../images/yahoo.gif) no-repeat left top;
	clear: both;
	height: 73px;
 }
 
 #sendmessage {
              float: none;
  }
  
  a.follow {
           display: block;
           width: 53px;
           height: 18px;
           background: url(../../images/follow.png) no-repeat left top;
  } 
  
   a.unfollow {
           display: block;
           width: 65px;
           height: 18px;
           background: url(../../images/unfollow.png) no-repeat left top;
  } 
  
  
   .top-menu {

  }

  .top-menu ul {
		background: none repeat scroll 0 0 #000 !important;
		position: absolute;
		top: 77px !important;
		width: 150px;
		z-index:10;
  }

  .top-menu ul li {
    position:relative;
	float:left;
	width:100%;
	list-style:none;
  }

  .top-menu ul li a {
	border: 1px solid #262626;
    color: white;
    display: block;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    text-decoration: none;
  }
	
  .top-menu ul li a:hover { background:#4fbbe8; }

	.top-menu .sf-sub-indicator { display:none; }
	
/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('../../images/ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(../../images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(../../images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(../../images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
}
.gritter-close {
	position:absolute;
	top:5px;
	left:3px;
	background:url(../../images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0 0 5px 0;
}
.gritter-with-image {
	width:220px;
	float:right;
}

#menu{
	position: static !important;
}

.nav-dropdown ol, 
.nav-dropdown ul,
.nav-dropdown li {
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
	float:none !important;
}
	
.nav-dropdown {
	border-top: #969696 1px solid;
	border-bottom: #969696 1px solid;
	border-right: #969696 1px solid;
	border-left: #969696 1px solid;
	-moz-border-radius: 0 0 5px 5px;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	background-color: #FFFFFF;
	float: left;
	font-size: 14px;
	max-width: 960px;
	position: absolute;
	text-shadow: 0 1px 1px #FFFFFF;
	z-index: 500000;
	left: -5000px;	  
}


.tab-list-container {
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25) inset;
	background-color: #EEEEEE;
	font-size: 15px;
	padding: 10px 10px 8px 0;
}
	
.tab-list-container ul{
	margin: 0px;
	padding: 0px;
}

#menu .tab-list-container > ul > li,	
.tab-list-container > ul > li{
	display: inline-block;
	margin: 0px 10px;
}
	
.tab-list-container a {
	color: #373737 !important;
	text-decoration: none;
	font-family: 'Droid Sans', sans-serif;
	height: auto !important;
	border: 0px solid !important;
	height: auto !important;
	line-height: inherit !important;
	padding: 0px !important;
	margin: 0px !important;
	float: none !important;
	font-weight: normal !important;
}
	
.tab-list-container a:hover{
	text-decoration: underline;
	background: none !important;
}
	
.tab-list-container .selected a
{
    color: #60a8d0 !important;
    font-weight: bold !important;
}

.tab-container {
	clear: both;
	display:none;
}

#menu .tab-container ul,
#menu .tab-container ul li,	
.tab-container ul,
.tab-container ul li{
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	padding-left: 10px;
}

#menu .tab-container ul li,
.tab-container ul li
{
    background: url("../images/bullet.png") no-repeat 0px 6px;
    display:block;
}
	
.tab-container ul li a {
	color: #373737 !important;
	text-decoration: none;
	font-family: 'Droid Sans', sans-serif;
	font-weight: normal !important;
	height: auto !important;
	border: 0px solid !important;
	height: auto !important;
	line-height: inherit !important;
	padding: 0px !important;
	margin: 0px !important;
	float: none !important;
}
	
.tab-container .nav-column{
	float:left !important;
}
	
.tab-container .nav-column.left-column{
	padding: 20px;
	padding-left: 10px;
	width: 160px;
}
	
.tab-container .nav-column.right-column{
	border-left: 1px solid #EEEEEE;
	padding: 20px;
	padding-left: 10px;
}
	
.tab-container .nav-column.right-column ul{
	float: left !important;
	width: 160px !important;
	color: #003366 !important;
	margin-left: 20px;
}
	
.tab-container .nav-column.right-column ul a{
	color: #003366 !important;
	text-decoration: none;
	font-family: 'Droid Sans', sans-serif;
}
	
.tab-container .nav-column.right-column ul a:hover{
	text-decoration: underline;
}