/* -------------------------------------------------------------- 
   
   application.css
   * Defines our forms, fieldets, inputs and buttons.
      
-------------------------------------------------------------- */

/* Fieldset
-------------------------------------------------------------- */

fieldset    { position: relative; display:block; padding: 5px 10px 10px 10px; border: 1px solid #CCC; margin: 0 0 10px 0; 
			  background: #FAFAFA url('/images/design/fieldset_fade.gif') 0 -26px repeat-x; font-size:11px}

fieldset table tr td a { color:#333333; text-decoration:underline}
			  
legend		{ padding: 5px; margin-left: -5px; font-size: 12px; color: #666; 
			  background: #FFF url('/images/design/fieldset_fade.gif') 0 0 repeat-x;
			  border: 1px solid #EEE; }
			  
fieldset h3	{ 
			  background:url('/images/design/toitle_back.png') top left repeat-x #99CC66!important;				
			  /*background:url(/images/design/th_fade.gif) bottom left repeat-x #FBFBFB!important;			  */
			  font-weight:bold; font-size:12px; color:#333333;			  
			  margin: -5px -10px 10px -10px ; padding:7px 10px ;
			  border-bottom:1px solid #cccccc;
			  }			  
/*
fieldset h3	{ position: absolute; padding: 5px 10px; top: -30px; left: -11px; font-size: 12px; color: #666; 
			  background: #FFF url('/images/design/fieldset_fade.gif') 0 0 repeat-x;
			  border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; height: 14px; 
			  font-weight:bold; font-size:12px; color:#333333;			  
			  }			  
	*/		  
			  

*:first-child+html fieldset h3{
    		   top: -25px; left: -1px; /* IE7 */
			  }

fieldset h3 img	{ vertical-align: middle; margin-right: 5px; }

fieldset h4 { font-size: 12px; color: #666; padding:0; margin:5px 0; font-weight:bold }

/* Fieldset Pagination
-------------------------------------------------------------- */
fieldset div.pagination {
				font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666666;
				border:1px solid #cccccc; background-color:#FFFFFF; padding:1px 0 1px 5px; line-height:16px;
				height:16px;
				overflow:hidden;
				}

fieldset div.pagination a { color:#333333; text-decoration:underline}				

fieldset div.pagination a.last {
				float:right; display:block; width:16px; height:16px; margin-right:1px;
				background:url(/images/icons/pagination/last.png) center no-repeat #dddddd;
				}
fieldset div.pagination a.next {
				float:right; display:block; width:16px; height:16px; margin-right:1px;
				background:url(/images/icons/pagination/next.png) center no-repeat #dddddd;
				}
fieldset div.pagination a.prev {
				float:right; display:block; width:16px; height:16px; margin-right:1px;
				background:url(/images/icons/pagination/prev.png) center no-repeat #dddddd;
				}
fieldset div.pagination a.first {
				float:right; display:block; width:16px; height:16px; margin-right:1px;
				background:url(/images/icons/pagination/first.png) center no-repeat #dddddd;
				}

fieldset div.pagination a.page {
				float:right; display:block; width:16px; height:16px; background-color:#dddddd;margin-right:1px;
				text-decoration:none; text-align:center;				
				}
fieldset div.pagination a.current {
				float:right; display:block; width:16px; height:16px; background-color:#95AF26;margin-right:1px;
				color:#FFFFFF; text-decoration:none; text-align:center;
				}

fieldset div.pagination a.last:hover, fieldset div.pagination a.next:hover, 
fieldset div.pagination a.prev:hover, fieldset div.pagination a.first:hover,
fieldset div.pagination a.page:hover {				
				background-color:#666666;
				color:#FFFFFF;
				}
				


/* Tables
-------------------------------------------------------------- */

table       { width:100%;  border-collapse: inherit; margin-top: 10px;
			  border-bottom: #E4E4E4 1px solid;}

th,td       { margin: 0; padding: 2px 5px 2px 5px; background: #F6F6F6; line-height: 1.5em; vertical-align: top;  
			  border-top: #E4E4E4 1px solid;}

#formarea td,
#mb_center td { padding: 8px 5px 8px 5px; } 

td table	{ margin: 0; border: none;}
td table td { border: none !important; }

tr.contain 
td  		{ border-top: #E4E4E4 1px solid; }

tr.even td  { background: #FFF; }

tbody.hov tr:hover td, tbody.hov tr:hover  { background: #FFFFcc; }
tbody.hov tr td, tbody.hov { border-top: #E4E4E4 1px solid!important; }
table { border-top:1px solid #ccc!important; }


tr.seperator td { height: 2px; line-height: 2px; overflow: hidden; background:#AAA !important; padding: 0 !important;}

td.text		{ padding: 10px 0 0 0; background: #FFF !important; }

td.number	{ background: #DFDFDF !important; }

td.question	{ font-size: 12px; font-weight: bold; text-align: right; background: #FFF !important; width: 30%; }

td img		{ vertical-align: text-top; }
td a		{ margin-right: 20px; text-decoration: none;}

th          { font-size: 12px; background: #E5E5E5 url('/images/design/th_fade.gif') 0 0 repeat-x; padding: 2px 5px; 
			  border-top: 1px solid #FFF; border-right: 1px solid #DDD; 
			  border-bottom: 1px solid #DDD; border-left: 1px solid #FFF; }
			  
th:first-child
			{ border-left: 1px solid #DDD; }
			  
tfoot       { font-style: italic; }
caption     { background: #eee; }

th a.sortable 	{ display: block; position: relative; text-decoration: none; padding: 2px 5px; margin: -2px -5px;}
th a.sortable:hover 	{ display: block; text-decoration: none; background: url('/images/design/th_fade_hover2.gif') top left repeat-x;}


table.infotable{
	background-color:#FFFFFF!important;
	font-size:11px;	
	padding:5px;
}
table.infotable tr, table.infotable tr td, table.infotable tr th{
	background-color:#FFFFFF!important;
	padding:0;
	margin:0;
}




.sortablesearch		{	
								position:relative;
								border:1px solid #BBBBBB!important; 
								border-top:none!important;  
								border-bottom:none!important;  
								margin-left:5px;
								top:-1px!important; 
								font-family:Arial, Helvetica, sans-serif; font-size:9px!important; line-height:13px!important; 
								width:150px!important; 
								display:inline!important;  
								background:url('/images/design/searchback.png') top left  repeat-x #a3ba2d!important; 								
								padding:2px 1px 3px 1px;
								z-index:1;
							}

.reorder_box			{
								background:url(/images/design/dragdrop.gif) top left no-repeat !important; 
								border:none!important;
								cursor:pointer;
								display:block;
								height:27px!important; 
								line-height:27px!important; 
								overflow:hidden!important; 
								padding:0 32px!important; 
							}

a.cancelsearch img	{
								position:relative;
								width:16px;
								height:12px;
								background:url(/images/icons/nosearch.png)  center no-repeat ;
								/*margin-bottom:-3px;*/
								top:1px;
								margin-left:-42px;
								z-index:2;
							}
a.cancelsearch:hover img{
								background:url(/images/icons/nosearch_o.png) center no-repeat;
							}

				
a.searchicon img	{
								width:16px;
								height:16px;
								background:url(/images/icons/search.gif)  center no-repeat ;
								margin-bottom:-4px;
								z-index:2;
							}
							
a.searchicon:hover img	{
								background:url(/images/icons/search_o.gif) center no-repeat;
							}				
							

/* Form elements
-------------------------------------------------------------- */

div.buildtip{ display:block; font-size:10px; color:#006AAF; padding:0px ; margin-left:32%; width:56%; clear:right  }
div.buildtip p {  padding:0; margin:0; }
/*
background:url(/images/icons/buildertipback.gif) top left repeat-x; 
background:url(/images/icons/buildertip.gif) top left no-repeat;
*/

input,
textarea	{ margin-left: 5px; border: 1px solid #999; padding: 2px;  
			  font-family: Arial, Helvetica, sans-serif; font-size: 11px;  }/*background-color: #FFF;*/

input[type=radio], input[type=checkbox]
			{ margin-left: auto; width: auto!important; border: none; background:none; }
input.radio, input.checkbox
			{ margin-left: auto; width: auto!important; border: none; background-color:none;}

select		{ margin-left: 5px; }

input:focus,
select:focus,
textarea:focus { background-color: #FFFFCC; border: 1px solid #999; }

textarea.box { width: 98% !important; font-size: 12px; line-height: 1.2em !important;}

.question:hover{	background-color:#FFFFDD;}


/* List Elements
-------------------------------------------------------------- */

ul.questions 				{ 	list-style: none; padding:  0 0 10px 0; margin: 0 0 10px 0; clear: both; }

ul.questions li   			{ 	margin: 0; clear: both; float: left; width: 100%; padding: 10px 0;
									vertical-align: top; 
									border: 1px solid #EEE; border-top: none; 
									background: #FFF; } /* line-height: 18px;  */

/*ul.questions li:focus	   { 	background: #FFF; }*/
ul.questions li:focus	   { 	background: #FFF;  }
ul.questions li:hover	   { 	background: #FFF;  }

ul.questions li em		   {  	display: block; float: left; width: 22px; padding: 0 5px; 
										font-style: normal;}

ul.questions li label		{ 	display: block; padding: 0 2% 0 0; width: 28%; height: 100%; float:left; 
									font-size: 12px; font-weight: bold; text-align: right; margin-left:5px; }

ul.questions li input,
ul.questions li select,
ul.questions li textarea  {		display: block; width: 58%; float:left; }

ul.questions li p			{ 	padding: 5px; }

ul.questions li.heading    { 	background: #E5E5E5 url('../images/design/th_fade.gif') 0 0 repeat-x;
			  	  				border-top: #E4E4E4 1px solid; border-bottom: 1px solid #DDD;
								border-right: 1px solid #DDD; border-left: 1px solid #DDD;
								font-size: 22px; text-transform: uppercase; }

ul.questions li.heading em {  	width: 20px; margin-right: 5px; 
								border-right: 1px solid #DDD; border-left: 1px solid #FFF;}
								
ul.options	 			  { 	display: block; width: 60%; float:left; list-style: none; padding: 0; margin: 0; 
								 }

ul.options li   		  { 	margin: 0; clear: both; float: left; width: 100%; padding: 0 0 1px 0;
								line-height: 23px; vertical-align: top; border: none; }

ul.options li label		  { 	display: block; padding: 0 10px; width: 90%; height: 100%; float:left; 
								text-align: left; font-weight: normal; }

ul.options li input		  {		display: inline; float: none; width: auto; }
								
ul.questions li .drag-handle {
	display: block; float: left; width: 22px; 
	padding: 0 5px; 
	background: none;
	height: auto;
	margin-right: 0;
	cursor: move;
}

/* Draggable content 
-------------------------------------------------------------- */

li .drag-handle {
	width: 16px;
	height: 26px;
	background: url('../images/icons/16x16/page.png') no-repeat center;
	float: left;
	margin-right: 5px;
	cursor: move;
}

tr .q-handle {
	cursor: move;
}

/* Buttons
-------------------------------------------------------------- */

p.buttons {
	margin: 0;
	padding: 0;
}

.buttons a, .buttons button{
	position: relative;
    display: block;
    float: right;
    margin:0 0 0 10px;
    background: #CCC url(../images/design/fade.png) 50% 50% repeat-x;
    border: 1px solid #999;
    text-decoration:none;
	font-size: 11px;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 5px 10px; /* Links */
	/* z-index: 999; */
}

td.buttons a, td.buttons button {
	float: left;
	margin:0 10px 0 5px;
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:5px 10px 5px 10px;; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 10px;; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:3px 10px 3px 10px; /* IE7 */
}
.buttons button img, .buttons a img{
	float: none;
    margin: 0 2px 0 -3px !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color: #EEE;
}
.buttons a:active{
    background-color:#EEE;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.moveable { cursor: move; }


/* UPDATE LOOK AND FEEL */

.buttons a, .buttons button{
	position: relative;
    display: block;
    float: right;
    margin:0 0 0 10px;
    background: #cfd8d8 url(/images/cmodal/buttonback.gif) top left ;
    border: 1px solid #a1a1a1;
    border-bottom: 2px solid #7f7f7f;
    text-decoration:none;
	font-size: 11px;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 5px 10px; 
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:5px 10px 5px 10px;; 
}

.buttons button img, .buttons a img{
	float: none;
    margin: 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	vertical-align:middle;	
}
			
button:hover, .buttons a:hover{
    background:  #cfd8d8 url(/images/cmodal/buttonback_hover.gif) top left ;
}			




/* inner panels */
.body fieldset{
	padding:0!important;
	margin:0!important;
}

h4.sectionbreak{
	margin:0!important;
	padding:0!important;
}
h4.sectionbreak a{
	background:url(/images/cmodal/buttonback_hover.gif);
	display:block;
	width:auto;
	margin:10px 0;
	padding:3px 15px 20px 15px;
	text-decoration:none;
}
h4.sectionbreak a:hover{
	background:url(/images/cmodal/buttonback.gif);
}





div.plib{background:url(/images/library/back.png) #595959 top left repeat-x; padding:10px; color:#FFFFFF}
div.plib h3{ color:#FFFFFF}
div.line{border-bottom:1px solid #cccccc; clear:both; margin-top:5px; }
div.line img{float:none; }
div.taeprogramme{ cursor:pointer; display:block; float:left; width:250px; padding:5px; margin:10px 15px 5px -5px;  }
div.taeprogramme img{ float:left; padding-right:5px; }
div.taeprogramme h3{ padding:0; margin:0 0 0 88px; color:#eee; font-size:16px;}
div.taeprogramme p{padding:0; margin:0 0 0 88px; color:#ccc; font-size:11px; line-height:110%}
div.taeprogramme a{color:#FFFFFF; text-decoration:underline }
div.taeprogramme:hover{   background-color:#666666}
div.taeprogramme:hover h3,
div.taeprogramme:hover p{color:#FFFFFF; }
#flipdetail{ background-color:#000000}
.flipbuts{;}/*margin-top:-20px*/
.flipbuts a{  width:100px; text-align:center; color:#FFFFFF; background-color:#888888; display:block; float:left}
.flipbuts.on a{ background-color:#333333; }



.videoguide{
	float:left; width:200px; margin-right:20px;margin-bottom:20px; height:80px; padding:10px; border:1px solid #ddd;
	background:url('/images/design/dropshad.jpg') top left;
}
.videoguide a{
	text-decoration:none;
}
.videoguide img{
	float:left; padding-right:10px;
}