html { 
    font-size: 11px ;
    /*
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    */
}

body {
    background: #f0f0f0;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    font-size: 11px;
    color: #333;
    margin: 0 auto;
    padding: 0 auto;
}

a { color: #666; }
a:hover { color: #cc0000; cursor: pointer }

.divTopNav {
    width: 100%;
    background: #fff;
    height: 50px; line-height: 50px;
    border-bottom: solid 1px #e0e0e0;
    text-align: center;
}

#divTopNavInner {
    max-width: 940px;
    width: auto;
    height: 50px; line-height: 50px;
    margin: 0 auto; padding: 0 auto;
    text-align: center;
}

.divTopNav #divTopNavInner a {
    display: inline-block;    
    width: auto;
    padding: 0 15px 0 15px;
    color: #999;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
}

.divTopNav #divTopNavInner a:hover {
    color: #cc0000;
    background: #f9f9f9;
    text-decoration: none;
    -webkit-transition: color 1s ease-in-out;
	-moz-transition: color 1s ease-in-out;
	-o-transition: color 1s ease-in-out;
	-ms-transition: color 1s ease-in-out;	
	transition: color 1s ease-in-out;
    border-left: solid 1px #f0f0f0;
    border-right: solid 1px #f0f0f0;	
}


.divTopNav #divTopNavInner .divDel {
    display: inline-block;
    width: 1px;
    height: 42px;
    background: url(img/sprite.png) no-repeat;
    display: none
}

.divDel2 {
    width: 2px; height: 90px;
    margin: 0 20px 0 20px;
    float: left;
    background: url(img/sprite.png) -70px 0 no-repeat;
}

.divCPClosed {
    background: #e9e9e9;
    border-bottom: solid 1px #dfdfdf;
    height: 21px;
    margin-bottom: 10px
}

.lbCPOpen {
    display: block;
    float: right; margin-right: 5px;
    width: 19px;
    height: 19px;
    margin: 1px;
    background: url(img/sprite.png) -43px 0 no-repeat;
}

.lbCPOpen:hover { background: url(img/sprite.png) -43px -30px no-repeat; }

.lbCPClose {
    display: block;
    float: right; margin-right: 5px;
    width: 19px;
    height: 19px;
    margin: 1px;
    background: url(img/sprite.png) -349px 0 no-repeat;
}

.lbCPClose:hover { background: url(img/sprite.png) -349px -30px no-repeat; }


.divControlPanel {
    width: 940px;
    margin: 0 auto;
    padding: 0 auto;
    padding-top: 25px;
}

.divCP { 
    color: #ccc;
    font-size: 12px; font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: color 1s ease-in-out;
	-moz-transition: color 1s ease-in-out;
	-o-transition: color 1s ease-in-out;
	-ms-transition: color 1s ease-in-out;	
	transition: color 1s ease-in-out;      
}

.divCP:hover {
    color: #666;
    -webkit-transition: color 1s ease-in-out;
	-moz-transition: color 1s ease-in-out;
	-o-transition: color 1s ease-in-out;
	-ms-transition: color 1s ease-in-out;	
	transition: color 1s ease-in-out;   
}

.cpTitle {

}

.divSearch {
    padding-top: 10px;
    float: left;
    width: 228px;
    margin-left: 160px;
    text-align: center;
}

.txtSearch {
    background: #fff;
    border: solid 1px #e0e0e0;
    width: 180px; height: 24px; line-height: 24px;
    z-index: 1
}

.lbSearch {
    display: block;
    float: right;
    margin-left: -25px;
    width: 30px; height: 30px;
    background: url(img/sprite.png) -10px 0 no-repeat; 
    /*
    -webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
	*/
	border: 0; outline: 0;
}

.lbSearch:hover, .lbSearch:active {
    background: url(img/sprite.png) -10px -30px no-repeat;
    border:0;outline:0;
}

.divThemes {
    padding-top: 10px;
    float: left;
    width: 125px;
    text-align: center;
}

.lbWhite {
    display: block;
    float: left;
    width: 30px; height: 30px;
    background: url(img/sprite.png) -83px 0 no-repeat;
    margin-left: 25px
}

.lbBlack {
    display: block;
    float: left;
    width: 30px; height: 30px;
    background: url(img/sprite.png) -120px 0 no-repeat;
    margin-left: 4px
}

.lbWhite:hover { background: url(img/sprite.png) -83px -30px no-repeat; }
.lbBlack:hover { background: url(img/sprite.png) -120px -30px no-repeat; }

.divFontSize {
    padding-top: 10px;
    float: left;
    width: 123px;
    text-align: center;
}

.lbSmaller {
    display: block;
    float: left;
    width: 30px; height: 30px;
    background: url(img/sprite.png) -158px 0 no-repeat;
    margin-left: 30px
}

.lbLarger {
    display: block;
    float: left;
    width: 30px; height: 30px;
    background: url(img/sprite.png) -193px 0 no-repeat;
    margin-left: 2px
}

.lbSmaller:hover { background: url(img/sprite.png) -158px -30px no-repeat; }
.lbLarger:hover { background: url(img/sprite.png) -193px -30px no-repeat; }

.divFollowUs {
    padding-top: 10px;
    float: left;
    width: 160px;
    text-align: center;
}

.lbFacebook {
    display: block;
    float: left;
    width: 30px; height: 30px;
    background: url(img/sprite.png) -233px 0 no-repeat;
    margin-left: 35px
}

.lbTwitter {
    display: block;
    float: left;
    width: 30px; height: 30px;
    background: url(img/sprite.png) -268px 0 no-repeat;
}

.lbRSS {
    display: block;
    float: left;
    width: 30px; height: 30px;
    background: url(img/sprite.png) -305px 0 no-repeat;
}

.lbFacebook:hover { background: url(img/sprite.png) -233px -30px no-repeat; }
.lbTwitter:hover { background: url(img/sprite.png) -268px -30px no-repeat; }
.lbRSS:hover { background: url(img/sprite.png) -305px -30px no-repeat; }

.divMainNav {
    position: relative;
    width: 980px; height: 80px; max-height: 80px;
    margin: 0 auto;
    background: url(img/sprite.png) 0 -95px no-repeat;
    overflow: visible;
}

.divLogo {
    width: 144px; height: 126px;
    background: url(img/sprite.png) 0 -181px no-repeat;
    position: absolute;
    margin: -7px 90px 0 8px;
    cursor: pointer;
}

/* hack for opera */
.divLogoOpera { margin-top: 7px !Important; }

.divLogo:hover { background-position: 0 -654px; }

.divLogoXmas {
    width: 144px; height: 166px;
    background: url(img/sprite.png) 0 -980px no-repeat;
    position: absolute;
    margin: -49px 90px 0 8px;
    cursor: pointer;
}

.aMainNav {
    background: url(img/sprite.png) -20px -95px no-repeat;
    display: block;
    float: left;
    width: auto;
    padding: 0 30px 0 30px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 64px;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    text-shadow: 0 -1px 0 #890303;
}

.aMainNav:hover, .aMainNavSelected {
    color: #fff;
    background: url(img/sprite.png) -232px -183px no-repeat;
   /* border-left: solid 1px #d63636;
    border-right: solid 1px #d63636;*/
    border-left: solid 1px #990000;
    border-right: solid 1px #990000;
}

.divMain {
    width: 940px;
    margin: 0 auto;
    min-height: 300px;
}

.divMain .divCol1 {
    width: 400px;
    float: left;
    padding-top: 10px;
}

.divMain .divCol2 {
    float: right;
    width: 520px;
    margin-left: 20px;
    padding-top: 10px;
}

.divColFull {
    width: 940px;
    background: #fff;
    border: solid 1px #e0e0e0;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    -moz-box-shadow: 0 1px 8px #d9d9d9;
	-webkit-box-shadow: 0 1px 8px #d9d9d9;
    box-shadow: 0 1px 8px #d9d9d9;
    position: relative;
    min-height:100px;
}

.colTitle,
.colTitleSmaller
 {
    float: right;
    color: #ccc;
    text-shadow: 0 1px 0 #fff;
    font-size: 24px;
    font-weight: bold;
}

.colTitleFull {
    float: left;
    color: #ccc;
    text-shadow: 0 1px 0 #fff;
    font-size: 24px;
    font-weight: bold;
    margin-left: 130px;
}

.colTitleSmaller {
    font-size: 14px;
    float: left;
    margin-top: 10px;
}

.colTitleSmaller2 {
    font-size: 16px;
    color: #999;
    text-align: center;
    margin: 30px 0 20px 0;
    display:block;
}


.colTitle:hover .colTitleSmaller:hover { color: #999 !Important }

.colArrow {
    padding-right: 30px;
    background: url(img/sprite.png) 100% -538px no-repeat;
    cursor:pointer
}

.colArrow:hover {
   background: url(img/sprite.png) 100% -698px no-repeat;
   color: #666 !Important;
}

.colArrowSmaller {
    padding-right: 30px;
    background: url(img/sprite.png) 100% -540px no-repeat;
    cursor: pointer;
}

.colArrowSmaller:hover {
    background: url(img/sprite.png) 100% -700px no-repeat;
    color: #666 !Important
}

.div3ColumnsHeader {margin: 0; padding: 0; float: left; text-align: center !Important; width: 310px; }

.div3Columns {
    width: 940px;
    margin: 0 auto;
    background: #fff;
    border: solid 1px #e0e0e0;
    padding: 0;
}

.div3col1 {
    float: left;
    width: 292px;
    padding: 10px;
    line-height: 24px;
}

.div3col2 {
    float: left;
    width: 292px;
    padding: 10px;
    background: #f8f8f8;
    border-left: solid 1px #e0e0e0;    
    border-right: solid 1px #e0e0e0;
    text-align: center
}

.div3col3 {
    float: left;
    width: 292px;
    padding: 10px;
    font-weight: bold;
}

.div3col1 a, .div3col3 a { text-decoration: none }

.divAds {
    width: 930px;
    margin: 0 auto;
    min-height: 50px; 
    z-index: 10; 
    position: relative;
    background: #fff;
    border: solid 1px #e0e0e0;
    padding: 5px;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    -moz-box-shadow: 0 1px 8px #d9d9d9;
	-webkit-box-shadow: 0 1px 8px #d9d9d9;
    box-shadow: 0 1px 8px #d9d9d9;  
    vertical-align: top; 
    text-align: center; 
}

.imgAd { display: inline-block; margin: 0 10px 10px 0 }

.divBox { 
    clear: both;
    background: #fff;
    border: solid 1px #e0e0e0;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    -moz-box-shadow: 0 1px 8px #d9d9d9;
	-webkit-box-shadow: 0 1px 8px #d9d9d9;
    box-shadow: 0 0 8px #d9d9d9;
    position: relative;
}

.divBox .divInner, .divInner {
    padding: 10px;
    position: relative;
}

.divBoxBelowLeft {
    height: 10px;
    background: url(img/sprite.png) -250px -862px no-repeat;
    margin-bottom: 30px
}

.divBoxBelowRight {
    height: 10px;
    background: url(img/sprite.png) -255px -821px no-repeat;
    margin-bottom: 30px
}

.divBoxBelowFull {
    height: 20px;
    background: url(img/sprite.png) -120px -912px no-repeat;
    margin-bottom: 30px
}

.divBoxGrayLeft {
    border-right: solid 1px #e0e0e0;
    background: #f8f8f8;
    width: auto !Important;
    float: left;
    height: 100%;
    -moz-border-top-left-radius: 12px;
    -moz-border-bottom-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

.playerLink {
    display: block;
    float: left;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
    width: 96%;
    padding: 3px 5px;
    text-decoration: none;
}

.playerSelected {
    display: block;
    width: 96%;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    background: #fff;
    padding: 3px 5px;
    text-decoration: none;
    color: #cc0000 !Important;
}

.aCloseDrop {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #cc0000;
    color: #fff;
    font-weight: bold;
    position:absolute;
    right: 5px; top: 5px;
    cursor: default;
}

.divInnerGray {
    background: #f8f8f8;
    color: #666;
    padding: 10px;
    text-align: center;
    -moz-border-bottom-left-radius: 12px;
    -moz-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}


.divBox .title1 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.divBox .title1:hover {
    color: #cc0000;
}

.boxTab /*, #divGameInfoTabs .boxTab, #divIFVTabs .boxTab */ {
    display: block;
    float: left;
    width: 100px;
    padding: 0 10px 0 10px;
    color: #999;
    font-weight: bold;
    font-size: 12px;
    height: 30px; line-height: 30px;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 1px #fff;
}

.boxTab:hover { /* það virkar voða fátt í þessu tabs dæmi */
    color: #cc0000;
}

.boxTabSelected, #divGameInfoTabs .selected, #divIFVTabs .selected, #divGameInfoTabs .boxTabSelected, #divIFVTabs .boxTabSelected {
    display: block;
    float: left;
    padding: 0 10px 0 10px;
    width: 100px; 
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
    font-size: 12px;
    background: #fff;
    -moz-border-top-left-radius: 12px;
    -moz-border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border: solid 1px #e0e0e0;
	border-bottom: solid 1px #fff;
	z-index: 10;
	position: relative;
	top: 1px;
	text-decoration: none;
}

.divBoxBottom {
    height: 42px;
    background: url(img/sprite.png) -231px -265px no-repeat;
    -moz-border-bottom-left-radius: 12px;
    -moz-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	border: solid 1px #fff;
	border-top: solid 1px #e0e0e0;
}

.slideCircle, .pagination a {
    display:block;
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	border: solid 1px #e0e0e0;
	width: 20px; height: 20px; line-height: 20px;
	text-align: center;
	color: #999;
	float: left;
	margin: 10px 0 0 4px;
	font-weight: bold;
	text-decoration: none;
}

.slideCircle:hover, .pagination a:hover, .pagination a:active, .pagination a.selected {
    background: #cc0000;
    border: solid 1px #660000;
    color: #fff;
}

.aSmallGray {
    display: block;
    padding: 10px;
    float: right;
    margin: 5px 0 0 0;
    color: #999;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 11px;
    display: inline;
    line-height: 11px;
    font-weight: normal;
    width: auto;
    border: solid 1px transparent;
}

.aSmallGray:hover, .aSmallGraySelected, .aSmallGraySelected:hover {
    background: #9a0000 url(img/sprite.png) -232px -336px no-repeat;
    color: #fff;
    text-shadow: none;
    border: solid 1px #cc0000;
    outline: solid 1px #990000;
}

.aSmallRed, aSmallRed:hover { color: #cc0000 }

.aRead {
    display: block; 
    float:right;
    color: #cc0000;
    text-decoration: none;
    font-size:12px;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    position: absolute; right: 15px; bottom: 15px;
    z-index:20 !Important
}

.aRead:hover {
    color: #333;
}



/* inngangsmynd */

a.polaroid {
    font-family:"Lucida handwriting", "Snell Roundhand", "Helvetica Neue",Arial,Helvetica,sans-serif;
	display: block;
	float: left;
	margin: 15px 20px 0 -5px;
	text-decoration: none;
	color: #999;
	padding: 5px;
	width: 200px;
	border: 1px solid #e0e0e0;
	background-color: white;
	z-index: 2;
	font-size: 12px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	transform: rotate(-8deg);
	-webkit-transition: -webkit-transform 0.5s ease-in;
	text-align: center !Important;
	position: relative;
}

/* leikmannamyndir */
a.polaroid3 {
    font-family:"Lucida handwriting", "Snell Roundhand", "Helvetica Neue",Arial,Helvetica,sans-serif;
	display: block;
	float: left;
	margin: 0 20px 0 0;
	text-decoration: none;
	color: #999;
	padding: 15px;
	width: 200px;
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0;
	z-index: 2;
	font-size: 12px;
	-webkit-box-shadow: 0 2px 4px #ccc;
	-moz-box-shadow: 0 2px 4px #ccc;
	box-shadow: 0 2px 4px #ccc;
	position: relative;
	-webkit-transition: -webkit-transform 0.5s ease-in;	
}
	
a.polaroid:hover,
a.polaroid:focus,
a.polaroid:active,
a.polaroid3:hover,
a.polaroid3:focus,
a.polaroid3:active
 {
	z-index: 999;
	border-color: #e0e0e0;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.polaroid img {
    position: relative;
	margin: auto;
    -moz-box-shadow: inset 0 0 2px #999;
	-webkit-box-shadow: inset 0 0 2px #999;
    box-shadow: inset 0 0 2px #999;
}

a.polaroid:focus, a.polaroid:active, a.polaroid3:focus, a.polaroid3:active {
    outline: none;
    -webkit-transform: rotate(3deg) scale(3); 
    -moz-transform: rotate(3deg) scale(3);
    transform: rotate(3deg) scale(3);
    z-index: 9999;
}

/* mynd á fréttasíðu og lesa frétt síðu */
a.polaroid2 {
    font-family:"Lucida handwriting", "Snell Roundhand", "Helvetica Neue",Arial,Helvetica,sans-serif;
	display: block;
	float: left;
	margin: 0 20px 0 0;
	text-decoration: none;
	color: #999;
	padding: 5px;
	width: 200px;
	border: 1px solid #e0e0e0;
	background-color: white;
	z-index: 2;
	font-size: 12px;
	-webkit-box-shadow: 0 2px 4px #ccc;
	-moz-box-shadow: 0 2px 4px #ccc;
	box-shadow: 0 2px 4px #ccc;
	position: relative;
	-webkit-transition: -webkit-transform 0.5s ease-in;	
}
	
.aImgPlayer {
    width: auto !Important;
    padding: 5px !Important;
    background: #fff !Important;
}	

a.polaroid2:hover,
a.polaroid2:focus,
a.polaroid2:active {
	z-index: 999;
	border-color: #e0e0e0;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.polaroid img, .polaroid2 img, .polaroid3 img {
    position: relative;
	margin: auto;
	max-width: 200px;
}

a.polaroid2:focus, a.polaroid2:active {
    outline: none !Important;
    -webkit-transform: rotate(3deg) scale(3); 
    -moz-transform: rotate(3deg) scale(3);
    transform: rotate(3deg) scale(3);
    z-index: 9999;
    margin-left: 200px;
    -webkit-transition-duration: 500ms;
}

a img {
	border: none;
	display: block;
	outline: none !Important;
}

a.polaroid3 img { display: block; border: solid 1px #fff !Important; outline: solid 1px #e0e0e0 !Important }

.divLeadIn {
    width: 145px;
    float: left;
}

/* contentslider */
.sliderwrapper{
    position: relative; /*leave as is*/
    overflow: hidden; /*leave as is*/
}

.sliderwrapper .contentdiv{
    visibility: hidden; /*leave as is*/
    position: absolute; /*leave as is*/
    left: 0;  /*leave as is*/
    top: 0;  /*leave as is*/
    height: 100%;
}


/* mega menu */

.megamenu, .megamenu2 {
    margin: 0; padding: 0
}

/*
ul { margin: 0 auto }
li { margin: 0 auto; list-style: none; }
*/
.mmDropped {
    display: none;
    text-align: center;
    position: absolute;
    top: 55px; left: 170px;
    background: #990000 url(img/sprite.png) 100% 100% repeat-x;
    font-size: 11px;
    width: 810px;
    outline: solid 1px #990000;
    border: 3px solid #cc0000;
    margin: 10px 0 0 -40px;
    padding: 10px;
    height: auto;
   /* -moz-box-shadow: 0 5px 5px #ccc; /* since FF displays the outline outside of shadow, then no shadow for FF */
    -webkit-box-shadow: 0 5px 5px #ccc;
    /*box-shadow: 0 5px 5px #ccc;  */ /* FF listens to both attributes :( */
    z-index: 30000;
    opacity: 0.95;
}

.mmDropped:hover {opacity: 1}
.mmUL {
    float: left;
    width: 190px;
    height: 150px;
    padding: 10px;
}




.megamenu .mmDropped a {
    display: block;
    float: left;
    width: 160px;
    margin: 1px 10px 0 10px;
    padding: 5px 10px 5px 10px;
    border: solid 1px transparent;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    line-height: 24px; height: 24px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #770000;
}

.megamenu .mmDropped a:hover {

    border: solid 1px #660000;
    background: #770000;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: inset 0 0 1px #cc0000;
    -moz-box-shadow: inset 0 0 1px #cc0000;
    box-shadow: inset 0 0 1px #cc0000;
}

/* megamenu variant */

.mmDroppedCol1, .mmDroppedCol2, .mmDroppedCol3b, .mmDroppedCol3c, .mmDroppedSearch, .mmDroppedRSS {
    display: none;
    position: absolute;
    text-align: left;
    background: #f8f8f8 url(img/gradback.jpg) no-repeat;
    font-size: 11px;
    border: 1px solid #c8c8c8;
    padding: 0 5px 0 5px;
    height: auto;
    -moz-box-shadow: 0 3px 3px #ccc;
    -webkit-box-shadow: 0 3px 3px #ccc;
    box-shadow: 0 3px 3px #ccc;       
    z-index: 29000;
    opacity: 0.9
}

.mmDroppedCol1 { width: 395px; margin: 15px 0 0 -5px; }
.mmDroppedCol2 { width: 518px; margin: 40px 0 0 -5px;}
.mmDroppedCol3b { width: 302px; margin: 15px 0 0 313px;}
.mmDroppedCol3c { width: 302px; margin: 2px 0 0 627px;}
.mmDroppedSearch { width: 220px; margin: 2px 0 0 20px; font-weight:normal;}
.mmDroppedRSS { width: 220px; margin: 30px 0 0 20px; font-weight:normal; display: none;}

.mmDroppedCol1:hover, .mmDroppedCol2:hover, .mmDroppedCol3b:hover, .mmDroppedCol3c:hover, .mmDroppedSearch:hover, .mmDroppedRSS:hover { opacity: 1 }


/* megamenu ends */

.center { text-align: center }

.lblHomeTeam {
   font-size: 18px;
   color: #cc0000
}

.lblOpponent, .lblAwayTeam { 
    font-size: 18px;
    color: #666
}

.imgTeamLogo {
    vertical-align: middle;
    margin: 0 10px 0 10px;
}

.spanGameDel {
    font-size: 18px;
    color: #999;
    margin: 0 5px 0 5px;
}

.spanFakeLink {
    color: #999;
    cursor:pointer
}

.spanFakeLink:hover { color: #cc0000 }

.label1 {
    background: #f0f0f0;
    border: solid 1px #e0e0e0;
    padding: 10px;
}

.red { color: #cc0000 }

.win {
    background: #008000;
    color: #fff;
    padding: 0 5px 0 5px;
    text-shadow: none;
    text-decoration: none;
    outline: solid 1px #006600;
    border: solid 1px #339933;
}

.draw {
    background: #ff9900;
    color: #fff !Important;
    padding: 0 5px 0 5px;
    text-shadow: none;
    text-decoration: none;
    border: solid 1px #ffcc66;
    outline: solid 1px #ff6600;
}

.loss {
    background: #cc0000;
    color: #fff !Important;
    padding: 0 5px 0 5px;
    text-shadow: none;
    text-decoration: none;
    border: solid 1px #ff0000;
    outline: solid 1px #990000;
}

.divFooter {
    background: url(img/footer.png) 50% 0 repeat-x;
    min-height: 593px;
    margin-top: -240px;
    z-index:1;
    clear: both;
}

.divFooterInner {
    background: #url(img/footerHighlight.png) no-repeat;
    width: 940px;
    margin: 0 auto;
    color: #fff;
    padding-top: 205px;
}

.divColFooter {
    width: 302px;
    margin: 5px;
    float: left;
}

.divColFooter a {
    clear: left;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    display: block;
    line-height: 30px;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px transparent;
	text-indent: 20px;
    -webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	-ms-transition: color 0.5s ease-in-out;	
	transition: color 0.5s ease-in-out;        
    -webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;	
	transition: background 0.5s ease-in-out;     	   	
}

.divColFooter a:hover {
    background: #fff;
    border: solid 1px #660000;
    color: #000;
    -webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	-ms-transition: color 0.5s ease-in-out;	
	transition: color 0.5s ease-in-out;        
    -webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;	
	transition: background 0.5s ease-in-out;
}


.divColFooter .title {
    color: #fff;
    display: block;
    float: left;
    width: 292px;
    border-bottom: dotted 3px #b94545;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin: 40px 0 20px 0;
    clear: both;
}

.divFooter2 {
    border-top: solid 1px #ed1b1b;
    background: #000;
    color: #fff;
    height: 40px;
}

.divFooter2Inner {
    width: 940px;
    margin: 0 auto;
    color: #fff;
}

.divLogoFooter {
    width: 100px; height: 120px;
    background: url(img/sprite.png) 0 -343px no-repeat;
    position: absolute;
    margin: -30px 0 0 0;
    float: left;
    cursor: pointer
}

.divFooterInfo {
    line-height: 40px;
    text-align: center;
}

.divFooter3 {
    background: #000;
    height: 60px; line-height: 30px;
    margin: 0 auto;
    color: #333;
    text-align: center;
}

.divFooter3:hover, .divFooter3:hover a { color: #ccc; background: #000;}
.divFooter3 a { color: #333; text-decoration:none; }
.divFooter3 a:hover { color: #ff6666; text-decoration:none; }

.grayDate {
    font-size: 10px;
    color: #ccc;
    margin-right: 20px;
    background: url(img/sprite.png) -386px -30px no-repeat;
    text-indent: 20px;
    display: block; float: left;
    height: 20px; line-height: 20px;
}

.grayDate:hover {
    color: #666
}

.grayAuthor {
    font-size: 10px;
    color: #ccc;
    margin-right: 20px;
    background: url(img/sprite.png) -386px -60px no-repeat;
    text-indent: 20px;
    display: block; float: left;
    height: 20px; line-height: 20px;
}

.grayCats {
    font-size: 10px;
    color: #ccc;
    margin-right: 20px;
    background: url(img/sprite.png) -536px -60px no-repeat;
    text-indent: 20px;
    display: block; float: left;
    height: 20px; line-height: 20px;
}

.grayRead {
    font-size: 10px;
    color: #ccc;
    margin-right: 20px;
    background: url(img/sprite.png) -231px -422px no-repeat;
    text-indent: 20px;
    display: block; float: left;
    height: 20px; line-height: 20px;
    text-decoration: none;
}

.graySend {
    font-size: 10px;
    color: #ccc;
    margin-right: 20px;
    background: url(img/sprite.png) -677px -458px no-repeat;
    text-indent: 24px;
    display: block; float: left;
    height: 20px; line-height: 20px;
    text-decoration: none;
}

.grayPrint {
    font-size: 10px;
    color: #ccc;
    margin-right: 20px;
    background: url(img/sprite.png) -827px -460px no-repeat;
    text-indent: 24px;
    display: block; float: left;
    height: 20px; line-height: 20px;
    text-decoration: none;
}

.grayTwitter {
    font-size: 10px;
    color: #ccc;
    margin-right: 20px;
    background: url(img/sprite.png) -231px -485px no-repeat;
    text-indent: 20px;
    display: block; float: left;
    height: 20px; line-height: 20px;
    text-decoration: none;
}

.grayTwitter:hover { color: #33ccff !Important; background: url(img/sprite.png) -421px -485px no-repeat; }

.grayRead:hover, .graySend:hover, .grayPrint:hover {
    color: #cc0000;
}

.graySend:hover { background: url(img/sprite.png) -677px -488px no-repeat; }

.grayComment {
    font-size: 10px;
    color: #999;
    margin-right: 20px;
    background: url(img/sprite.png) -386px 0 no-repeat;
    text-indent: 20px;
    display: block; float: left;
    height: 20px; line-height: 20px;
}

.grayComment:hover { background: url(img/sprite.png) -450px -454px no-repeat; }

.gray { color: #999; text-decoration: none; }
.gray2 { color: #666; text-decoration: none; text-shadow: 0 1px #fff }
.gray3 { color: #666; text-decoration: none; text-shadow: 0 1px #fff; font-weight: bold; }

.divHelp1, .divHelp3 {
    background: #f0f0f0;
    color: #999;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
    padding: 10px;
}   

.divHelp3 { background: #f9f9f9 }

.divHelp1:hover, .divHelp3:hover {
    background: #990000 url(img/sprite.png) 0 -1300px no-repeat;
    color: #fff;
    border: solid 1px #990000;
    padding: 10px;
    text-shadow: 0 -1px #880000;
}   

.divHelp1 a, .divHelp2 a, .divHelp3 a {
    color: #666;
    text-decoration: none;
}

.divHelp1:hover a, .divHelp2:hover a, .divHelp3:hover a,
.divHelp1:hover a:hover, .divHelp2:hover a:hover, .divHelp3:hover a:hover 
{
    color: #fff;
}

.divHelp1:hover a:hover, .divHelp2:hover a:hover, .divHelp3:hover a:hover { text-decoration: underline }

.button {
    display: block;
    margin: 0 auto;
    width: auto;  
    height: 30px; 
    line-height: 30px;
    background: url(img/sprite.png) -231px -335px no-repeat;
    border: solid 1px #5d0101;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    padding: 0 10px 0 10px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #5f0101;
}

.button:hover {
    /*background-position: -231px -375px;*/
    background: #cc0000 !Important;
    color: #fff !Important;
    text-decoration: none !Important
}

.buttonDisabled {
    display: block;
    margin: 0 auto;
    width: auto; 
    height: 30px; 
    line-height: 30px;
    background: #e0e0e0 url(img/sprite.png) -232px -268px;
    border: solid 1px #ccc;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    padding: 0 10px 0 10px;
    text-align: center;
    font-size: 12px;
    color: #999;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}

.buttonDisabled:hover {
    color: #999;
    text-decoration: none;
}

.nLink {
    font-size: 11px !Important;
    font-weight: normal !Important;
    line-height: normal !Important;
}

.divLoading {
    padding: 50px;
    text-align: center;
}

/* tilkynningar */

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 300px !Important;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 310px;
	height: 175px;
	margin-bottom: 1px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 312px;
	height: 170px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 312px;
	height: auto;
	margin-bottom: 20px;
}

/* modal window */

/* Z-index of #mask must lower than #boxes .window */

#mask, div.pp_overlay { /* pp_overlay is for prettyphoto */
    position:absolute;
    top: 0; left: 0;
    z-index:80000;
    background: #990000 url(img/sprite.png) 0 -1300px repeat-x !Important;
    display:none;
    filter: alpha(opacity=90) !Important;
    -moz-opacity: .9 !Important;  
    opacity: 0.9 !Important
}
   
.boxes .window {
    position:absolute;
    min-width:500px; max-width: 500px; width: 500px !Important;
    height:auto; min-height: 250px;
    display:none;
    z-index:90000;
    padding:20px;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    -moz-box-shadow: inset 0 0 2px #999;
	-webkit-box-shadow: inset 0 0 2px #999;
    box-shadow: inset 0 0 2px #999;
    border: solid 8px #fff;
    background: #f8f8f8 url(img/gradback.jpg) no-repeat;
    
}
 
.boxes .close, 
.mmDroppedCol1 .close, 
.mmDroppedCol2 .close,
.mmDroppedSearch .close,
a.close {
    background: #990000;
    color: #fff;
    width: 40px; height: 40px; line-height: 40px;
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;    
	border: solid 5px #fff;
	position: absolute;
	right: -20px;
	top: -20px;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.mmDroppedCol1 .close, .mmDroppedCol2 .close, .mmDroppedCol3b .close, .mmDroppedCol3c .close, .mmDroppedSearch .close, .mmDroppedRSS .close { 
    cursor: pointer; 
    font-size: 16px; 
    width: 20px; 
    height: 20px; 
    line-height: 20px; 
    border: solid 3px #fff; 
    right: -10px; 
    top: -10px;
}

.boxes .close:hover,
.mmDroppedCol1 .close:hover,
.mmDroppedCol2 .close:hover,
.mmDroppedCol3b .close:hover,
.mmDroppedCol3c .close:hover,
.mmDroppedRSS .close:hover  {
    background: #cc0000;
}
 
 .mmDroppedRSS a.RSS {
    display: block;
    float: left;
    text-decoration: none;
    line-height: 20px;
    border: solid 1px transparent;
    width: 200px;
    text-indent: 10px;
 }
 
 .mmDroppedRSS a.RSS:hover {
    background: #f0f0f0;
    color: #cc0000;
    border: solid 1px #fff;
    outline: solid 1px #ccc;
 }
 
.imgPlayerSmall {
    display: block;
    position:relative;
    float: left; 
    text-align: left; 
    width: 200px;
    border: solid 10px #fff;
    outline: solid 1px #ccc;
    margin-right: 10px;   
}

input:focus, input.textarea:focus {
    outline: solid 2px #ccc;
    background: #fff;
    -webkit-transition: outline 1s ease-in-out;
	-moz-transition: outline 1s ease-in-out;
	-o-transition: outline 1s ease-in-out;
	-ms-transition: outline 1s ease-in-out;	
	transition: outline 1s ease-in-out;        
}

/* fréttasíða */

.hplHeadline {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
 }
 
 .hplHeadline:hover {
    color: #cc0000;
 }
 
.hplSubHeadline {
    font-size: 14px;
    font-style: italic;
    color: #999;
    text-decoration: none;
 }

 .regItem {
    padding: 20px;
    display: block;
    position: relative;
 }
 
 .altItem {
    padding: 20px;
    display: block;
    background: #f8f8f8;
    outline: solid 1px #e0e0e0;
    border: solid 1px #fff;
    clear: both;
 }
 
 .smallPadding { padding: 5px !Important }
 
 .divNewsInfo {
    float: left;
    color: #ccc;
    height: 30px; line-height: 30px;
    margin: 30px 0 0 0;
    outline: dashed 1px #e0e0e0;
    border: solid 1px transparent;
    padding: 10px 0 0 15px;
    background: #f0f0f0;
 }
 
 .regItem .divNewsInfo:hover {
    background: #f8f8f8;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0
 }

 .altItem .divNewsInfo:hover {
    background: #fff;
    outline: solid 1px #e0e0e0;
 }
  
 .divNewsInfo:hover, .divNewsInfo:hover span { color: #666 !Important; }
 .divNewsInfo:hover a { color: #666; }
 .divNewsInfo a, .divNewsInfo span { color: #ccc; text-decoration: none; font-size: 10px; display: block; float: left; margin-right: 10px; }
 .divNewsInfo a:hover { color: #cc0000; text-decoration: none; }
 
 .divPager, .divGoBack {
    /*background: url(img/sprite.png) 0 -494px no-repeat;*/
    background: #333;
    height: 80px; line-height: 80px;
    color: #ccc;
    -moz-border-bottom-left-radius: 12px;
    -moz-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
    -moz-box-shadow: inset 0 0 90px #000;
	-webkit-box-shadow: inset 0 0 90px #000;
    box-shadow: inset 0 0 90px #000;	
    border: solid 1px #000;
    padding: 0 30px 0 30px;
 }
 
 .divGoBack a {
    color: #ccc;
    text-decoration: none;
    display: block;
    float: left;
    width: auto;
    height: 20px;
    line-height: 20px;
    padding: 5px 10px 5px 10px;
    outline: 1px solid transparent;
    border: solid 1px transparent;
    margin: 25px 15px 0 0;
 }

 .divGoBack a:hover {
    color: #fff;
    outline: 1px solid #000;
    border: solid 1px #bb0000;
 }
  
.aGoBack { background: url(img/sprite.png) -224px -517px no-repeat; text-indent: 15px; }  
.aGoBack:hover { background: #990000 url(img/sprite.png) -224px -547px no-repeat; }

.aGoTop { background: url(img/sprite.png) -424px -517px no-repeat; text-indent: 15px; }  
.aGoTop:hover { background: #990000 url(img/sprite.png) -424px -547px no-repeat; }
  
.newsPager { /* bottom pager */
    display: block; 
    width: 25px; height: 25px; 
    float: right;
    border: solid 1px transparent; 
    margin: 30px 5px 0 5px;
}


.newsPager0 { /* top pager */
    display: block; 
    width: 25px; height: 25px; 
    float: right;
    border: solid 1px transparent; 
    margin: 0 5px 0 5px;
}

.hrefLast { background: url(img/sprite.png) -694px 0 no-repeat;}
.hrefLast:hover { 
    background: #222 url(img/sprite.png) -694px -30px no-repeat; 
    border: solid 1px #444; 
    outline: solid 1px #000
}

.hrefNext { background: url(img/sprite.png) -661px 0 no-repeat;}
.hrefNext:hover { 
    background: #222 url(img/sprite.png) -661px -30px no-repeat; 
    border: solid 1px #444;
    outline: solid 1px #000;
}

.hrefPrev { background: url(img/sprite.png) -633px 0 no-repeat;}
.hrefPrev:hover { 
    background: #222 url(img/sprite.png) -633px -30px no-repeat; 
    border: solid 1px #444;
    outline: solid 1px #000;
}

.hrefFirst { background: url(img/sprite.png) -599px 0 no-repeat;}
.hrefFirst:hover { 
    background: #222 url(img/sprite.png) -599px -30px no-repeat; 
    border: solid 1px #444;
    outline: solid 1px #000
}

.hrefLast0 { background: url(img/sprite.png) -694px -30px no-repeat;}
.hrefLast0:hover { 
    background: #f8f8f8 url(img/sprite.png) -694px 0 no-repeat; 
    border: solid 1px #fff; 
    outline: solid 1px #e0e0e0
}

.hrefNext0 { background: url(img/sprite.png) -661px -30px no-repeat;}
.hrefNext0:hover { 
    background: #f8f8f8 url(img/sprite.png) -661px 0 no-repeat; 
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
}

.hrefPrev0 { background: url(img/sprite.png) -633px -30px no-repeat;}
.hrefPrev0:hover { 
    background: #f8f8f8 url(img/sprite.png) -633px 0 no-repeat; 
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
}

.hrefFirst0 { background: url(img/sprite.png) -599px -30px no-repeat;}
.hrefFirst0:hover { 
    background: #f8f8f8 url(img/sprite.png) -599px 0 no-repeat; 
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0
}

.divHypeNews {
    padding: 20px;
    background: #990000 url(img/sprite.png) 0 -1300px no-repeat;
    color: #fff;
    -moz-border-top-left-radius: 12px;
    -moz-border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;   
	border: solid 3px #990000; 
	border-bottom: solid 3px #880000;
}

.divHypeNews .hplHeadline, .divHypeNews .lblLeadIn { color: #fff !Important; text-shadow: 0 -1px 0 #660000; }
.divHypeNews .hplSubHeadline { color: #ffcccc !Important; text-shadow: 0 -1px 0 #990000; }
.divHypeNews .divNewsInfo {
    float: left;
    color: #c23838;
    height: 30px; line-height: 30px;
    margin: 30px 0 0 0;
    outline: dashed 1px #c23838;
    border: solid 1px transparent;
    padding: 10px 0 0 15px
 }
 
 .divHypeNews .divNewsInfo span { color: #c23838}
 .divHypeNews .divNewsInfo .grayDate {
    color: #c23838;
    background: url(img/sprite.png) -446px -425px no-repeat;
}

 .divHypeNews .divNewsInfo .grayComment {
    color: #c23838;
    background: url(img/sprite.png) -446px -455px no-repeat;
}

 .divHypeNews .divNewsInfo .grayCats {
    color: #c23838;
    background: url(img/sprite.png) -675px -425px no-repeat;
}

 .divHypeNews .divNewsInfo .grayRead {
    color: #c23838;
    background: url(img/sprite.png) -231px -452px no-repeat;
}
.divHypeNews .divNewsInfo .grayRead:hover { color: #fff }
.divHypeNews .divNewsInfo:hover { background-color: #880000; border: solid 1px #972929; outline: solid 1px #660000 }
.divHypeNews .divNewsInfo:hover, .divHypeNews .divNewsInfo:hover span { color: #fff !Important }

/* facebook */
.fb_share_link { 
    color: #ccc; 
    font-size: 10px;
    color: #ccc;
    margin-right: 10px;
    background:url(img/sprite.png) -980px -458px no-repeat; 
    text-indent: 20px;
    display: block; float: left;
    height: 20px; line-height: 20px;
    text-decoration: none;
    }

.fb_share_link:hover { background:url(img/sprite.png) -980px -488px no-repeat; color: #3b5998 !Important; }
    
.divFBLike {
    display: block;
	float: left;
	height: 20px; line-height: 20px;
    filter: alpha(opacity=40);
	-moz-opacity: .4;
	opacity: .4;
}

.spanGooglePlus {
    display: block;
	float: left;
	height: 20px; line-height: 20px;
    filter: alpha(opacity=40);
	-moz-opacity: .4;
	opacity: .4;
}

.divNewsInfo:hover .divFBLike, .divNewsInfo:hover .spanGooglePlus {
    filter: alpha(opacity=60);
	-moz-opacity:.6;
	opacity: .6;
}

.divNewsInfo:hover .divFBLike:hover, .divNewsInfo:hover .spanGooglePlus:hover {
    filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}


.commentDate {
    background: url(img/sprite.png) 0 -519px no-repeat;
    float: left;
    margin-right: 30px;
    width: 50px; height: 70px;
    text-align: center;
    color: #999;
    font-size: 11px;
    line-height: 12px;
    padding-top: 10px;
}

.commentDate:hover {
    color: #000;
}

.commentAuthor {
    color: #990000;
    font-weight:  bold;
    font-size: 16px;
}

.divCommentContent {
    float: left;
    color: #999;
}

.divCommentContent:hover {
    color: #000;
}

.TextBox, .textbox { border: solid 1px #ccc; font-size: 12px; }
.Long, .Contact, .long, .contact, .txtform, .txtForm { width: 300px; }
.Normal, .normal { width: 200px }
.Short, .short { width: 100px }
.Req, .req { border: solid 1px #cc0000; }
.MultiLine { width: 300px; height: 150px;}

/* PP */
li { display: inline }

ul.album {
    padding: 20px;
}
ul.album li { display: inline; float: left; margin: 5px }
			
.wide {
    border-bottom: 1px #000 solid;
	width: 4000px;
}
			
.fleft { float: left; margin: 0 20px 0 0; }
.cboth { clear: both; }

/* </ PP */

.pnlWhere {
    width: 100%;
    background: #990000 url(img/sprite.png) 0 -1300px repeat-x;
    color: #fff;
    border: solid 1px #660000;
    /*outline: solid 1px #660000;*/
    height: 30px; line-height: 28px;
    position: fixed;
    text-align: center;
    top:0;
    font-weight: bold;
    -moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000; 
    z-index: 30000;   
}

.pnlWhere a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px #880000;
    display: block;
    float: left;
    padding: 0 15px;
    border: solid 1px transparent;
}

.pnlWhere a:hover {
    background: url(img/sprite.png) -232px -375px no-repeat;
    border: solid 1px #cc0000;
    outline: solid 1px #990000;
}

.redTip	{ width: auto; max-width: 310px }
.redTip .content { 
    width: auto;
    max-width: 310px; 
    padding: 10px; 
    border: 3px solid #990000; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #990000 url(img/sprite.png) 0 -1300px no-repeat; 
    color: #fff; 
    text-shadow: -1px -1px #770000;
    font-size: 12px;
    opacity: 0.95;
}

.redTip .bottom	{ 
    height: 10px; 
    background: url(img/tipArrow.png) no-repeat center;
}

.redTip .content a {
    color: #fff
}

.tablePractices { margin: 20px 0 20px 0}
.tdPracHeader {
    font-size: 14px;
    font-weight: bold;
    color:#666;
	border: 0;
	border-bottom: solid 2px #e0e0e0;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;   
}

.tdPractice  {
    vertical-align: top;
    text-align: center;
    color: #999;
    background: #f8f8f8;
    border: solid 1px;
    border-color: #fff #e0e0e0 #e0e0e0 #fff;
    padding: 5px;
}

.tdPracticeFirst {border-left: solid 1px #e0e0e0; }
.lblPracticeNote2, .divHelp2 {
    display: block;
    background: #990000 url(img/sprite.png) 0 -1300px no-repeat;
    color: #fff;
    padding: 10px;
    border: solid 3px #990000;
    text-shadow: 0 -1px #880000
}

.lblNick, .lblPlayerInfo {
    font-size: 14px;
    color: #999;
    display: block;
    text-align: center;
}
.lblPlayerInfo { font-size: 12px }

.lblPlayerSelectInfo {
    float:left;
    display: block;
    margin: 40px;
    padding: 20px;
    background: #f0f0f0;
    border: solid 5px #fff;
    outline: solid 1px #e0e0e0;
    width: 190px;
}

.lblPlayerContent {
    font-size: 11px;
    color: #666;
    display: block;
    float: left;
    width: 300px;
    padding: 10px;
}

.ul li { list-style-type: square; display: list-item }
.ul1 { margin-left: -40px }
.ul1 li { list-style-type:none; display: block;}

.divFirstTeam { padding: 5px; display: block; float: left; width: 100px; text-align: right; }
.divSecondTeam { padding: 5px; display: block; float: left; width: 100px; text-align: left; }
.divResults { padding: 5px; display: block; float: left; text-align: center; width: 30px; }
.iGamesCounter { 
    display:block; 
    float: left;
    background:#f8f8f8; 
    border: solid 1px #fff; 
    outline: solid 1px #e0e0e0; 
    color: #999; 
    text-shadow: 0 1px #fff; 
    padding: 10px; 
    margin: 10px 0 10px 0;
    font-weight: bold;
}

/*
.tdPracHeader {
    background: url(img/sprite.png) 0 -800px no-repeat;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 -1px #990000;
    font-size: 11px;
}
*/
.cell1ts {
    padding: 10px;
    text-align: center;
    color: #666;
    background: #f8f8f8;
    border: solid 1px #e0e0e0;
    border-right: 0px;
}

.cell2ts {
    padding: 10px;
    text-align: center;
    color: #666;
    background: #f8f8f8;
    border: solid 1px #e0e0e0;
}

.dgPlayers {
    display: table;
    vertical-align: middle
}

.dgPlayers td {
    max-width: 120px;
}

.tdPlayerOnField {
    background: url(img/sprite.png) -454px -579px no-repeat;
    width: 85px; height: 100px;
    text-align: center;
    text-shadow: 0 1px #fff;
}

.tdPlayerOffField {
    background: url(img/sprite.png) -561px -579px no-repeat;
    width: 85px; height: 100px;
    text-align: center;
    text-shadow: 0 1px #fff;
}

.tdPlayerGeneral {
    background: url(img/sprite.png) -668px -579px no-repeat;
    width: 80px; height: 100px;
    text-align: center;
    text-shadow: 0 1px #fff;
}

.tdPlayerYellow {
    background: url(img/sprite.png) -348px -579px no-repeat;
    width: 80px; height: 100px;
    text-align: center;
    text-shadow: 0 1px #fff;
}

.tdPlayerRed {
    background: url(img/sprite.png) -248px -579px no-repeat;
    width: 80px; height: 100px;
    text-align: center;
    text-shadow: 0 -1px #990000;
    color: #fff;
}

.dgRefs td {
    padding: 5px;
    white-space:nowrap;
    text-align: left;
    text-shadow: 0 1px #fff;
}

.dgRefs tr:hover {
    background: #e8e8e8;
}

.lblCommentCounter {
    display: block;
    float: right;
    width: 50px; height: 50px; line-height: 50px;
    text-align: center;
    font-size: 14px; font-weight: bold;
    color: #ccc;
    text-shadow: 0 1px #fff;
    background: #f8f8f8;
    border: Solid 1px #fff;
    outline: solid 1px #e0e0e0;
}

.altItem .lblCommentCounter {
    background: #fff;
    border: solid 1px #e0e0e0;
    outline: solid 1px #fff;
}

.lblCommentCounter:hover {
    border: solid 1px #ff0000;
    outline: solid 1px #990000;
    background: #cc0000;
    color: #fff;
    text-shadow: 0 -1px #990000;
}

.lblNextBirthday {
    display: block;
    background: url(img/sprite.png) -247px -729px;
    width: auto;
    height: 30px;
    color: #999;
    padding: 20px 0 0 50px;
    text-align: left;
}

.calIcon { 
    display: block;
    float: left;
    margin-right: 8px;
    vertical-align: middle;
}

ul.eventScroller li { text-align: left; }
ul.eventScroller li a { text-decoration: none }

.eventScrollerDate {
    display: block;
    float: left;
    padding: 3px;
    background: #fff;
    border: solid 1px #e0e0e0;
    color: #999;
    margin: 5px 0 5px 0;
}

.statLabel { display: block; padding: 5px 0 5px 0 }

.lblPollSubQuestion {
    display: block;
    background: #f9f9f9;
    border: solid 1px #e0e0e0;
    padding: 5px;
    text-align: center;
    color: #999;
    text-shadow: 0 1px #fff;
    font-weight: bold
}

.newsBoxCat {
    color: #999;
    text-shadow: 0 1px #fff;
    display: block;
    float: right;
    text-size: 10px;
    background: #f9f9f9;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
    padding: 2px 8px 2px 8px;
    width: 360px;
    text-align: center;
    margin: 0 0 10px 0
}

.pageLink {
    display: block;
    margin: 0 5px 0 5px;
    padding: 5px 15px 5px 15px;
    line-height: 24px;
    width: auto;
    border: solid 1px transparent;
    text-decoration: none;
}

.pageLink:hover {
    background: #9a0000 url(img/sprite.png) -232px -335px no-repeat;
    color: #fff;
    border: solid 1px #cc0000;
    outline: solid 1px #990000;
}

.pageLink2 {
    line-height: 24px;
    text-decoration: none;
}

.pageLink2:hover {
    color: #ff0000;
}


.divGameInfo
{
    width: 100%;
    height: 120px;
    margin: 0 auto;
    text-align: center !Important;
    background: f9f9f9;
}


/* live game report */

.red { color: #cc0000 }
.black { color: #000 }
.gray { color: #999 }


.divGameInfoInner
{
    float: left;
    margin: 10px 0 0 30px;
    text-align: left;
    font-weight: bold;
    color: #cc0000;
    font-size: 14px
}

.divHomeLogo
{
    width: auto;
    float: left;
    margin: 0 0 0 50px;
}

.divAwayLogo
{
    width: auto;
    float: right;
    margin: 0 50px 0 0;
}

.divLRHeader
{
    position: absolute;
    left: 42%;
    top: 20px;
    padding: 10px;
    background: #f8f8f8; color: #666;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
    width: auto;
    text-align: center;
}

.lblLRTeamName
{
    font-size: 22px !Important;
    font-weight: bold;
}

.divLRNavbar
{
    background: #f0f0f0;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
    height: 40px;
    text-align: center;
}

.divLRNavbar a:link, divLRNavbar a:visited
{
    height: 40px;
    line-height: 40px;
    width: auto;
    float: left;
    border: solid 1px transparent;
    border-top: 0; border-bottom: 0;
    color: #666;
    padding: 0 15px 0 15px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}

.divLRNavbar a:hover, divLRNavbar a:active
{
    color: #cc0000;
    background: #fff;
    border-left: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0;
}

.divHeadline1
{
    float: left;
    width: auto;
    margin: 0 0 0 20px;
    font-weight: bold;
}

.divHeadline2, .divHeadline3
{
    float: right;
    width: auto;
    margin: 0 20px;
    font-weight: bold;
}

.mainPanel
{
    background: #fff;
    float: left;
    clear: left;
    width: 60%;
    min-width: 520px;
    height: 250px;
    overflow: scroll;
    border: solid 1px #e0e0e0;
    margin: 10px 0 0 10px;
}

.commentsPanel
{
    background: #fff;
    float: right;
    overflow: scroll;
    clear: right;
    width: 35%;
    min-width: 300px;
    height: 125px;
    border: solid 1px #e0e0e0;
    margin: 10px 10px 0 0;
}


.divComment
{
    background: #f8f8f8;
    float: right;
    clear: none;
    width: 32%;
    min-width: 280px;
    padding: 10px;
    height: 130px;
    border: solid 1px #e0e0e0;
    margin: 10px 10px 0 0;
}

.Nugget, .imgNugget
{
    padding: 5px;
    border-bottom: solid 1px #f0f0f0;
}

.imgNugget { display: block; float: left; margin: 0 0 0 5px; vertical-align: middle }

a:link.hplRead, a:visited.hplRead { 
    color: red;
}

a:hover.hplRead, a:active.hplRead {
    color: #666;
}

.lblMainTitle {
    font-weight: bold;
    color: #666;
}

.spanBeforeTitle {
    font-weight: normal;
    color: #999;
}

.spanPoll {
    display: block;
    float: left;
    margin-left: 10px;
    line-height: 20px;
}

.pollBar { height: 20px; line-height:20px; float: left; color: #fff; text-indent: 5px; }
.pollBar1 { background: #990000; border: solid 1px #cc0000; outline: solid 1px #660000 }
.pollBar2 { background: #003399; border: solid 1px #0066cc; outline: solid 1px #000033 }
.pollBar3 { background: #009966; border: solid 1px #00cc99; outline: solid 1px #006666 }
.pollBar4 { background: #cc6600; border: solid 1px #ff6600; outline: solid 1px #993300 }
.pollBar5 { background: #333; border: solid 1px #666; outline: solid 1px #000; }
.pollBar6 { background: #006699; border: solid 1px #0099cc; outline: solid 1px #003366 }
.pollBar7 { background: #669900; border: solid 1px #99cc00; outline: solid 1px #336600 }
.pollBar8 { background: #cccc00; border: solid 1px #ffff00; outline: solid 1px #999900 }
.pollBar9 { background: #00cccc; border: solid 1px #00ffff; outline: solid 1px #009999 }
.pollBar10 { background: #9900cc; border: solid 1px #cc00ff; outline: solid 1px #660099 }
.pollBar11 { background: #cc0000; border: solid 1px #ff0000; outline: solid 1px #990000 }
.pollBar12 { background: #66cc00; border: solid 1px #66ff00; outline: solid 1px #669900 }
.pollBar13 { background: #0000cc; border: solid 1px #3333ff; outline: solid 1px #000066 }
.pollBar14 { background: #996633; border: solid 1px #cc9966; outline: solid 1px #663300 }
.pollBar15 { background: #00cccc; border: solid 1px #00ffff; outline: solid 1px #009999 }
.pollBar16 { background: #996666; border: solid 1px #cc9999; outline: solid 1px #663333 }
.pollBar17 { background: #999966; border: solid 1px #cccc99; outline: solid 1px #666633 }
.pollBar18 { background: #666699; border: solid 1px #9999cc; outline: solid 1px #333366 }
.pollBar19 { background: #996699; border: solid 1px #cc99cc; outline: solid 1px #663366 }
.pollBar20 { background: #993300; border: solid 1px #cc6633; outline: solid 1px #663300 }


.divSearchResults {
    margin: 10px 0 0 0;
    background: #f0f0f0;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
    padding: 20px;
    color: #999;
    font-size: 16px;
    text-shadow: 0 1px #fff;
    box-shadow: 0 3px 10px #ccc;
    -moz-box-shadow: none; /* ff doesn't handle box shadow correctly */
}

.spanFound {
    display:inline-block;
    background: #cc0000;
    padding: 2px 5px;
    color: #fff;
    text-shadow: 0 -1px #990000;
}

.divSearchResult { padding: 5px; margin:0; }
.divSearchResult:hover, .divSearchResult:hover .grayDate { background-color: #e8e8e8; color: #999; }

.aSearch {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px #fff;
    color: #999;
    text-decoration: none;
}

.smaller { font-size: 10px; font-weight: normal }