@CHARSET "UTF-8";

/*------------------------------------*/
/*---------- COMPONENTS --------------*/
/*------------------------------------*/



.panel-content {
	padding: 6px;
}

.small-panel {
	margin: 3px;
}

.small-panel > h3 {
	color:#336699;
	background-color:#FFFFFF;
	border: solid 1px #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
	padding:2px 8px 3px 5px;
	position: relative;
	bottom: -1px;
	float: left;
	font-weight: normal;
}

.small-panel-content {
	clear: left;
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
	padding: 6px;
}

.small-panel a {
	color: #414141;
}

ul.horizontal-list li,
ol.horizontal-list li {
	display: inline;
}

ul.tabs li {
	display: inline;
}

form.coupon {
	width: 45em;
}

form.coupon input[type="text"] {
	width: 5em;
	text-align: right;
}

form.coupon .form_field_row {
	clear: both;
	vertical-align: middle;
	line-height: 1.5em;
}

form.coupon .form_field_label {
	float: left;
	text-align: right;
	width: 6em;
}

form.coupon .form_field {
	float: right;
	text-align: left;
	width: 38em;
}

.clear {
	clear: both;
}

/*-------- BOXED LINK  ------------*/

a.boxed {
	color: #414141;
	padding: 2px 3px;
	background-color: #ffffff;
	border: 1px outset #cccccc;
	text-transform: uppercase;
	font-size: 9px;
	margin-bottom: 1px;
}

a.boxed:hover {
	color: #FFFFFF;
	background-color: #336699;
	text-decoration: none;
}

/*------ PANEL --------*/


.panel a {
	color: #414141;
}


div.panel h3.alert {
	background-image: url(images/basepage/panel_bg_top_4.png);
}


div.panel > div {
	margin-bottom: 1em;
	padding: 1em;
}


div.panel > div h4 {
	padding-top: 1em;
	clear: both;
}

div.panel > div > p, div.panel > div > table, div.panel > div > form {
	margin-top: 1em;
	clear: both;
}
div.small-panel > h3 {
	color:#336699;
	background-color:#FFFFFF;
	border: solid 1px #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
	padding:0.1em 0.6em 0.2em 0.4em;
	position: relative;
	bottom: -1px;
	float: left;
	font-weight: normal;
	clear: both;
}

div.small-panel > div.small-panel-content {
	clear: left;
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
	padding: 6px;
	min-height: 20px;
}

div.small-panel > div.small-panel-content a {
	color: #414141;
}

div.small-panel > div.small-panel-content a.boxed:hover {
	color: #ffffff;
}

/*------- TABLES ---------*/
table thead tr,
table thead tr th {
	padding: 0.4em;
}

table thead tr th a {
	color: #fecb00;
}

table tr td {
	vertical-align: middle;
	padding: 0.2em;
	/*background-color:#336699;*/
}

table .left {
	text-align: left;
}

table .center {
	text-align: center;
}

table .right  {
	text-align: right;
}

/*---- GREEN LINK BUTTON -----*/
a.generic_button_small {
background-color:green;
background-image:url(images/basepage/generic_button_left_small.png);
background-position:left center;
background-repeat:no-repeat;
cursor:pointer;
display:block;
float:left;
height:18px;
margin:0.4em;
text-decoration:none;
}

a.generic_button_small_cancel {
background-color:red;
}

a.generic_button_small_green {
background-image:url(images/basepage/generic_button_left_small_green.png);
}

a.generic_button_small:hover {
background-color:#fecb00;
text-decoration:none;
}

span.generic_button_small {
background-image:url(images/basepage/generic_button_right_small.png);
background-position:right center;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-size:75%;
height:18px;
line-height:18px;
padding:0 1.5em;
text-align:center;
text-transform:uppercase;
}

span.generic_button_small_green {
background-image:url(images/basepage/generic_button_right_small_green.png);
}

/* WHITE BUTTON LINK */
a.buttonLink {
	color: #336699;
	background-color: white;
	border: 1px outset #cccccc;
	text-transform: uppercase;
	padding: 0.1em 0.7em;
	font-size: 85%;
	font-weight: bold;

}

a.buttonLink:hover {
	background-color: #336699;
	color: white;
	text-decoration: none;
}

/*-------- TAB ROWS AND TAB PANEL --------*/

/* DatePicker Calendar */
.yui-skin-sam .yui-calendar th.calhead {
	color: white;
			background-color: #336699;
}

/* modal window */
div.modal-window-panel a.close {
	display: block;
	background-image: url(images/betproposals/btn-sulje.png);
	width: 25px;
	height: 24px;
	position: absolute; top: 2px; right: 0px;
	border: 0;
	margin: 0;
	padding: 0;
}
div.modal-window-panel {
	border: 5px solid white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	background-color: white;
}
div.modal-window-panel tr.odd,
div.modal-window-panel tr.odd td {
	background-color: #CCDAE8;
}
div.modal-window-panel tr.even,
div.modal-window-panel tr.even td {
	background-color: white;
}