/***************************/
/*  Diary FIRST PAGE */
/***************************/
div#DiaryStart div.spellfilter table
{
    width:100%;
}

div#DiaryStart table.tabletype1
{
	width:80%;
	margin:1em auto;
	margin-bottom:1em;
}

div#DiaryStart div.addpass{
	text-align:right;
	padding:1em 1em 0 0;
}

/*******************************/
/*  Diary PASSLIST PAGE  */
/*******************************/
div#DiarySpellListPage div.timefilter, div#DiaryPassListPage table
{
	margin-bottom:1em;
}

div#DiarySpellListPage div.addpass{
	text-align:right;
	padding:1em 1em 0 0;
}


/***************************/
/*  DIARYSPELLITEMPAGE    */
/***************************/
div#DiarySpellItemPage div.fields ul, div#DiaryPassPage div.fields li{
	clear:both;
	margin:0;
	padding:0;
	list-style-type:none;
}
div#DiarySpellItemPage div.fields li{
	margin-bottom:0.8em;
	clear:both;
}
div#DiarySpellItemPage label{
	display:block;
	font-weight:bold;
	margin-bottom:0.4em;
}
div#DiarySpellItemPage div.fields label{
	float:left;
	width:13em;
}

div#DiarySpellItemPage div.buttons{
	padding-top:1em;
	text-align:right;
}

/********Display************/
div#DiarySpellItemPage div.display div.fields{
	margin-bottom:2em;
}


/**********Edit************/
div#DiarySpellItemPage div.edit select{
	width:10em;	
	margin-right:0.5em;
}

div#DiarySpellItemPage div.edit select.selectspell
{
    width:15em;
}

div#DiarySpellItemPage div.edit textarea{
	width:25em;
	height:6em;
}

div#DiarySpellItemPage div.edit span.chkNew label{
	display:inline;
	float:none;
}

input.distance {
	width:4em;
	border:solid 1px #7f9db9;
    font-size:1.2em;
    font-family: Verdana, Helvetica, sans-serif;
    height:auto;
}

li#liNewSpellType table th,
li#liNewTrainingKind table th
{
    text-align:left;
}
li#liNewSpellType table th,
li#liNewTrainingKind table th,
li#liNewSpellType table td,
li#liNewTrainingKind table td
{
    padding:0.1em;
}


/****New PassType popup****/
div#dialog ul, div#dialog li{
	margin:0;
	padding:0;
	list-style-type:none;
}
div#dialog li{
	padding-bottom:1em;
}

div#dialog label{
	display:block;
	margin-left:0.4em;
	font-weight:bold;
}


div#dialog textarea{
	width:20em;
	height:8em;
}
div#dialog span{
	color:red;
	font-weight:bold;
	visibility:hidden;
	display:none;
}


/************************/
/*  MYGOALPAGE      	*/
/************************/
div#MyGoalPage div.fields ul, div#MyGoalPage div.fields li{
	clear:both;
	margin:0;
	padding:0;
	list-style-type:none;
}
div#MyGoalPage div.fields li{
	margin-bottom:0.8em;
	clear:both;
}
div#MyGoalPage div.fields label{
	display:block;
	font-weight:bold;
	margin-bottom:0.4em;
}
div#MyGoalPage div.fields label{
	float:left;
	width:13em;
}

div#MyGoalPage div.fields span.chkNew label{
	display:inline;
	float:none;
}

div#MyGoalPage div.buttons
{
    clear:both;
	padding-top:1em;
	text-align:right;
}
div#MyGoalPage div.goaldatespan{
	margin-bottom:1em;
}
div#MyGoalPage div.fields{
	padding-top:1em;
}

div#MyGoalPage textarea{
	width:25em;
	height:6em;
}

/************************/
/*  MYSHOESPAGE      	*/
/************************/
div#DiaryMyShoesPage div.buttons{
	padding-top:1em;
	text-align:right;
}
div#DiaryMyShoesPage div.edit div.fields ul, DiaryMyShoesPage div.edit div.fields li{
	clear:both;
	margin:0;
	padding:0;
	list-style-type:none;
}
div#DiaryMyShoesPage div.edit{
	padding-top:1em;
}

div#DiaryMyShoesPage div.edit div.fields li{
	margin-bottom:0.8em;
	clear:both;
}
div#DiaryMyShoesPage div.edit div.fields label{
	display:block;
	font-weight:bold;
	margin-bottom:0.4em;
}
div#DiaryMyShoesPage div.edit div.fields label{
	float:left;
	width:13em;
}

div#DiaryMyShoesPage div.edit div.fields div.rbactive
{
    width:10em;
    float:left;
    height:2.3em;
}
div#DiaryMyShoesPage div.edit div.fields div.rbactive label
{
    display:inline;
    width:2em;
    float:none;
}


div#DiaryMyShoesPage div.edit input.name{
	width:15em;
}

div#DiaryMyShoesPage div.edit input.distance{
	width:4em;
}

div#DiaryMyShoesPage div.edit input.weight,
div#DiaryMyShoesPage div.edit input.price{
	width:3em;
}

div#DiaryMyShoesPage div.edit textarea{
	width:25em;
	height:6em;
}


/************************/
/*  MY GOAL      	*/
/************************/

div.mygoal div.messageboxtext{
	padding-bottom:0.5em;
}

div.mygoal div.goaldatespan{
	width:50%;
	float:left;
}

div.mygoal div.goalcomment{
	width:40%;
	padding-left:10%;
	float:right;
}
div.mygoal div.goalcomment label{
	display:block;
	font-weight:bold;
}

div.mygoal div.goaldate label{
	display:block;
	float:left;
	width:11em;
}

div.mygoal div.buttons
{
    clear:both;
    text-align:right;
}




/************************/
/*  MY SHOES      	*/
/************************/
div.myshoes h2{
	overflow:auto;
}
div.myshoes div.selectshoe{
	width:30%;
	float:left;
}
div.myshoes select
{
    width:10em;
}
div.myshoes div.myshoesprogress{
	width:60%;
	float:right;
}
div.myshoes label{
	font-weight:bold;
}
div.myshoes div.fields div{
	padding: 0 0 0.3em 0;
}

div.myshoes div.emptydata
{
    clear:both;
    padding-bottom:1em;
}

/************************/
/*  PROGRESSBAR      	*/
/************************/

div.progress{
	margin-top:1em;
}

div.progress div.progressbarbackground{
	background-color:#004c97;
	border:solid 1px #004c97;
}

div.progress div.progressbar{
	background-color:#5b94cb;
	height:1.2em;
	width:1px;
    text-align:center;
    font-size:1em;
	color:#fff;	
	overflow:visible;
	white-space: nowrap;
}

div.progress span.progresstart{
	float:left;
}

div.progress span.progresscurrent{
	float:left;
}

div.progress span.progressend{
	float:right;
}


/***********************/
/*  DATE PICKER        */
/***********************/
input.date-pick{
	width:6.5em;
}

/***********************/
/*  TIME INPUT         */
/***********************/
div.time-input input {
	width:1.5em;
}

div.time-input span {
	color:#cc0505;
}

/***********************/
/*  DISTANCE INPUT     */
/***********************/
div.distance-input input {
	width:4em;
}

/***********************/
/*  SPELL FILTER       */
/***********************/
div.spellfilter table
{
	width:100%;
}
div.spellfilter table caption
{
    font-weight:bold;
    font-size:1.1em;
}
div.spellfilter table th,
div.spellfilter table td
{
    text-align:center;
}

div.spellfilter select.selecttrainingkind
{
    width:7em;  
}
div.spellfilter select.selecttrainingplace
{
    width:6em;
}
div.spellfilter select.selectdistance
{
    width:3.5em;
}
/**************************/
/*  TABLE CLASS PASS      */
/**************************/
table.pass{
	border-collapse:collapse;
	border:solid 1px #000000;
	width:100%;
}

table.pass caption{
	font-weight:bold;
	text-align:left;
	padding:0.4em 1em;
}

table.pass td{
	cursor:pointer;
	padding:0.4em 0.4em;
}

table.pass th{
	border:inset 1px #ffffff;
	padding:0.4em 1em;
}

table.pass th, table.pass tr.weekheader td{
	background-color:#004c97 !important;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
	cursor:default;
	padding:0.2em 1em;
}
table.pass th#date
{
    width:7em;
}
table.pass th#type
{
    width:5em;
}
table.pass tr.even td{
	background-color:#c2d2df;
}

table.pass tr:hover td{
	background-color:#d7e4f0;
}

table.pass td.type
{
    text-transform:uppercase;
}
table.pass td.type_a{
	background-color:#ffcccc !important;
}

table.pass td.type_b{
	background-color:#ff9999 !important;
}

table.pass td.type_c{
	background-color:#ffff66 !important;
}
table.pass td.type_d{
	background-color:#ffff99 !important;
}

table.pass td.type_e{
	background-color:#ffcc99 !important;
}

table.pass td.type_f{
	background-color:#ffcc66 !important;
}
table.pass td.type_a{
	background-color:#ccff66 !important;
}

table.pass td.type_g{
	background-color:#ccffcc !important;
}

table.pass td.type_h{
	background-color:#99ffff !important;
}
table.pass td.type_i{
	background-color:#66ffff !important;
}

table.pass td.type_j{
	background-color:#cc66ff !important;
}

table.pass td.type_k{
	background-color:#cc99ff !important;
}
table.pass td.type_l{
	background-color:#ff99ff !important;
}

table.pass td.type_m{
	background-color:#99ccff !important;
}

table.pass td.type_n{
	background-color:#ccccff !important;
}
table.pass td.type_o{
	background-color:#00ff66 !important;
}

table.pass td.type_p{
	background-color:#99ffcc !important;
}

table.pass td.type_q{
	background-color:#ccffff !important;
}
table.pass td.type_r{
	background-color:#ccccff !important;
}

table.pass td.type_s{
	background-color:#6666ff !important;
}

table.pass td.type_t{
	background-color:#ffcccc !important;
}
table.pass td.type_u{
	background-color:#ff9999 !important;
}

table.pass td.type_v{
	background-color:#ff6666 !important;
}

table.pass td.type_w{
	background-color:#33ff33 !important;
}
table.pass td.type_x{
	background-color:#99ff99 !important;
}

table.pass td.type_y{
	background-color:#ffff33 !important;
}

table.pass td.type_z{
	background-color:#cccc33 !important;
}
table.pass td.type_å{
	background-color:#fcf0b4 !important;
}

table.pass td.type_ä{
	background-color:#f2a392 !important;
}

table.pass td.type_ö{
	background-color:#cef09a !important;
}