/* Automatically included across all of c5 - use this file gingerly */
img.ccm-captcha-image {display: block}

/* clear and pagination styles */
*.ccm-spacer {clear: both}
div.ccm-pagination { text-align:center; position: relative}
div.ccm-pagination span.ccm-page-right {position: absolute; top: 0px; right: 0px;}
div.ccm-pagination span.ccm-page-left {position: absolute; top: 0px; left: 0px}

.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 6px 7px; background-color: black; color: white; max-width: 200px; text-align: left; }
  .tipsy-north { background-image: url(../images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(../images/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(../images/tipsy-west.gif); background-position: left center; }
.tipsyimg {
	margin-top: 3px;
}

/* global error styles */
div.ccm-error {font-weight: bold; color: #f00}

div#ccm-overlay {
	position: fixed;
	z-index:99;
	top: 0px;
	left: 0px;
	/* background-color:#000; */
	/* filter:alpha(opacity=50); */
	/* -moz-opacity: 0.5; */
	/* opacity: 0.5; */
	height:100%;
	width:100%;
	display: none;
}

#tooltip{
	position:absolute;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #000;
	background:#000;
	padding:2px 5px;
	color:#fff;
	opacity: 0.8;
	-moz-opacity: 0.8; /* fyrir eldri Gecko-based vafra */
	filter:alpha(opacity=80); /* fyrir IE6&7 */
	display:none;
	z-index: 9999999;
}
/* Context valmynd */

#fuel-valmynd {
display:none;
width:120px;
}

#fuel-valmynd ul, #fuel-valmynd ul * {
padding:0;
margin:0;
}

#fuel-valmynd ul li{
list-style:none;
padding: 10px;
display:block;
background:#000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
opacity: 0.8;
-moz-opacity: 0.8; /* fyrir eldri Gecko-based vafra */
filter:alpha(opacity=80); /* fyrir IE6&7 */
text-align: center;
}

#fuel-valmynd ul li:hover{
opacity: 1.0;
-moz-opacity: 1.0; /* fyrir eldri Gecko-based vafra */
filter:alpha(opacity=100); /* fyrir IE6&7 */
}

#fuel-valmynd ul li:hover span{
color:#ccc;
}

#fuel-valmynd li:hover a{
color:#FFF;
}

#fuel-valmynd a{
color:#fff;
font:12px "Lucida Grande", Verdana, Arial, Sans-serif;
font-weight:bold;
text-decoration:none;
}

/* Innskráning */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:999999999;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999999999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(../images/login_header.png) no-repeat 0 0 transparent; 
  width:374px; 
  height:186px;
}

#dialog1 .d-header input {
  position:relative;
  top:90px;
  left:60px;
  border:1px solid #cccccc;
  height:22px;
  width:250px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
  margin-bottom: 5px;
  outline: 0;
}

#dialog1 .d-blank {
  float:left;
  background:url(../images/login-bottom-left.png) no-repeat 0 0 transparent; 
  width:236px; 
  height:69px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { 

height: 30px;
	width: 960px;
	margin: 0 auto;
	text-align: right;
	padding-top: 7px;
 }

.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }

.fontResizer a:hover { color: #000; text-decoration: none; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 13px; }

.largeFont { font-size: 15px; }

.curFont { background: #EEEEF7; }