* { padding:0; margin:0; border:0; list-style:none; }
a { text-decoration:none; color:#FFF; }
a:hover {color:#FFF; }
.clear { clear:both; }
html { overflow-y:scroll; }
body { background:#C0C0C0 url(images/BodyBg.png) center repeat-y; font:14px Arial, Helvetica, sans-serif; color:#FFF; }
.Wrapper { position:relative; width:940px; margin:0 auto; background:#000C11; padding:172px 10px 0 10px; }
.Header { position:absolute; top:32px; left:10px; width:940px; height:129px; border:0 solid #FFF; border-width:1px 0; }
.Logo { position:absolute; top:11px; left:60px; }
.TopBanner { position:absolute; top:10px; left:230px; }
.Sprite a, .Sprite input { background-image:url(images/Sprite.png) !important; }
.hidden {display:none;}

/* ---< STARFSMANNASÍÐUR >----------------------------------------- */
.starfsmenn a:hover {color:#009fec;}
.starfsmenn a {color:#FFFFFF; text-decoration:none;}
.starfsmenn p { border-bottom:thin; margin-top:2px; margin-bottom:4px;}
div.starfsmenn {margin: 20px; width:160px; float:left;}
.starfsmenn hr {margin:0px; color:#009fec;}

.MiddleArea { min-height:0; }
.MiddleArea .FrontPageContent { float:right; width:710px; }
.MiddleArea .Content { float:right; width:690px; padding-top:16px; }
.MiddleArea .Content h1 { padding-bottom:20px; color:#009fec; text-transform:uppercase; font-size:1.511em; }
.MiddleArea .Content p { padding-bottom:20px; }


.MiddleArea .MainNav { float:left; text-transform:uppercase; width:220px; font-weight:bold; }
.MiddleArea .MainNav ul li a { padding:27px 0 0 22px; display:block; height:45px; }
.MiddleArea .MainNav ul li a:hover { background-position:0 -72px; }
.MiddleArea .MainNav ul li.Active a { color:#3B3B3B; background-position:0 -144px; }
.MiddleArea .MainNav ul li.Active li a { padding:13px 0 0 21px; color:#d7d6d6; display:block; height:24px; background-position:0 -216px; }
.MiddleArea .MainNav ul li.Active li a:hover { background-position:0 -253px; }
.MiddleArea .MainNav ul li.Active li.Active a { background-position:0 -290px; }

.BottomArea { padding:20px 0; text-transform:uppercase; font-weight:bold; }
.BottomArea ul li { float:left; padding-right:20px; }
.BottomArea ul li.Last { padding-right:0; }
.BottomArea ul li a { float:left; display:table; background-position:0 -327px; width:220px; height:100px; text-align:center; }
.BottomArea ul li a span { display:table-cell; vertical-align:middle; padding:0 30px; text-align:center; }

.Footer { border-top:1px solid #FFF; padding-top:13px; text-transform:uppercase; font-size:.7143em; }
.Footer .Icon { float:left; padding:7px 10px 30px 1px; }
.Footer .blue { color:#009FEC; }

/* ---< MYPAGES - LOGIN >----------------------------------------- */
.mypages-login { padding: 12px; border:1px solid #A7A7A7; outline:1px solid #787E81; background:#444; }
.mypages-login h2 { margin: 0; padding: 0 0 12px 0; font-size: 2em; font-weight: normal; }
.mypages-login .row { margin-bottom: 10px; width: 100%; overflow: hidden; }
.mypages-login .row label { float: left; width: 150px; text-align: right; padding-right: 10px; margin-top: 3px; }
.mypages-login .row input { float: left; width: 190px; padding: 2px 4px; }
.mypages-login .button { padding-left: 160px; }
.mypages-login .button input { font-weight: bold; padding: 2px 4px; cursor: pointer; }
.mypages-login .toggle-link { font-size: 0.9em; margin-top: 5px; text-align: right; padding-right: 20px; }

/* ---< MYPAGES - CUSTOMER INFO >----------------------------------------- */
.customer-info { width: 100%; border-bottom:1px dotted; height:64px; margin-bottom:20px; }
.customer-info div { float: left; width: 100%; }           
.customer-info div.intro { font-style:italic; color: #777; }
.customer-info div.name { font-weight: bold; font-size: 1.2em; }

/* ---< MYPAGES - BOOKINGS >----------------------------------------- */
.dataTables_wrapper .top .inner-top { width: 100%; overflow: hidden; font-size: 0.8em; padding: 0 0 6px 0; }
.dataTables_wrapper .top .inner-top select { font-size: 1em; }
.dataTables_wrapper .top .inner-top .dataTables_length { float: left; }
.dataTables_wrapper .top .inner-top .dataTables_filter { float: right; }
.bookings-list thead tr th { background-color: #4A4A4A; font-size: 0.8em; padding: 2px 4px; text-align: left; cursor: pointer; }
.bookings-list thead tr th.sorting_asc { background: #6E6E6E url(images/bg-tablesort.gif) no-repeat right 1px; }
.bookings-list thead tr th.sorting_desc { background: #6E6E6E url(images/bg-tablesort.gif) no-repeat right -15px; }
.bookings-list tbody tr td { font-size: 0.8em; padding: 2px 4px; }
.bookings-list tbody tr td a { text-decoration: underline; }
.bookings-list tbody tr:hover td { background: #353535; }

.inner-bottom { width: 100%; overflow: hidden; background-color: #4A4A4A; font-size: 0.8em; padding: 2px 4px; }
.dataTables_info { float: right; }
.dataTables_paginate { float: left; }
.dataTables_paginate span { padding: 0 5px; }
.dataTables_paginate span.paginate_button { text-decoration: underline; cursor: pointer; }
.dataTables_paginate span.paginate_active { font-weight: bold; }

#booking_container { padding: 10px; position: relative; }
#booking_container .loader { position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; text-align: center; }
#booking_container .loader img { margin: 30px 0 30px 0; }
#booking_container .box { margin-top: 20px; }

/* ---< COLORBOX >--------------------------------------------------- */
.image-show .image { float: left; width: 165px; height: 110px; overflow: hidden; text-align: center; margin: 5px; }
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{background:#000; margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:50px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/templates/common/images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/templates/common/images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:-19px; right:5px; display:block; background:url(/templates/common/images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}