/* YUI RESET BEGIN */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* YUI RESET END */

/* SK STYLE BEGIN */

body{font-size:85%;background:#ff9600;font-family: "Trebuchet MS", "Helvetica";}



div.header { height: 190px; width: 820px; margin: 0 auto; background: #ff9600 url('http://www.studentkaninen.se/img/studentkaninen.png');}
div.nav {height: 3em; width: 100%; background: #ec6600; font-size: 110%; font-weight: bold;}
div.wrapper { background: #f3f3f3; width: 100%}
div.content { width: 780px; background: #fff; padding: 20px; margin: 0 auto;}
div.footer { background: #ec6600; padding: 1.5em; text-align: center; font-size: 105%; font-weight: bold;}

div.footer a{color: #EFEFEF}

div.nav .list {list-style: none; width: 800px; margin: 0 auto;}
div.nav .list li {display: inline; margin-right: 0.5em; float: left;}
div.nav a {padding: 1em 1em; line-height: 3em; color: #fff;} 
div.nav li:hover {background: #ecad04; color: #fff}
div.nav li.active, div.nav a.active {background: #fff;}


/*div#footer { height: 110px; padding: 20px; background: url('../img/footer.png');}
div#footer div { background: #EEEEEE; padding: 1.5em; text-align: center; margin-top: 50px;}
div#footer a:after {margin-right: 2em;}*/

/*Columned Content Handling, Standard Values*/
.lc, .rc {float: left;}
.lc {width: 45%; margin-right: 5%;}
.rc {width: 50%;}

.section {width: 100%; display: block; overflow: hidden;}
.section .lc {width: 50%; margin-right: 5%;}
.section .rc {width: 45%;}

.highlight {font-weight: bold;}
.space {margin: 0.5em 2em 0.5em 2em}
.inline {display:inline;}
.left {float: left;}

hr.clear{clear:both; margin: 1.5em; border: none;}
.hidden {display:none;}

div.search { margin: 1em; background: #ffd578; height: 8em; padding: 1em 0.5em 1.5em 0.5em; border: 0.3em solid #ec6600; -moz-border-radius: 15px; -webkit-border-radius: 15px}

div.search input, select, radio, button {border: 1px solid black; padding: 0.3em;}
div.search div.radio, div.search div.text, div.search div.select {float: left; margin-right: 1em;} 
div.search div.text {margin-top: 5px;}
div.search input[type=radio] {margin-right: 1em; border: none;}
div.search div.select {padding: 0.5em 0;}
div.search div.select label {padding: 0 0.5em;}
div.search div.text input[type=text] {width: 10em; font-size: 120%; margin-left: 0.5em; border: 2px solid black;  -moz-border-radius: 5px; -webkit-border-radius:5px;}
div.search div.submit {display: inline; padding-top: 1em;}
div.search .unused {color: silver;}


div.filterform {float: right; display: inline; padding-left: 1em;}

#CandidateRegisterForm {min-height: 5em; width: 100%}

div#lure {width: 90%; margin: 1em; background: #ffd578; padding: 0.5em 1.5em 2em 1.5em; border: 0.3em solid #ff6508; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

#lure div.label{ width: 4em; float: left; font-size: 120%; font-weight: bold; margin-bottom: 0.7em;}
#lure div.control { float: left; width: 14em; margin-bottom: 0.7em;}
#lure div.control label {margin: 0.6em; font-weight: normal;}

.row {width: 42em; display: block; clear:both; }
.box {width: 20em; float: left; display: inline;  }

.lurecontrols {float: left; }
.lureactions {float: right; }

#lure input[type=submit] {padding: 0.3em;}

#lure h2 {margin-bottom: 0.2em;}
button#nothanks{float: left; padding-left: 1em;}

table.studies {width: 100%;}
table.studies tr.study {margin: 0.3em 0;}
table.studies tr.study td.compensation { width: 10em;}


.study .lc {width: 59%; margin-right: 5%}
.study .rc {width: 34%;}
.study div.sidebar {border: 0.3em dotted #ff9600;}

div.study div.apply h2 {margin: 0}
div.study div.meta, div.study div.apply {padding: 1.5em; background: #fff6dc;}
div.description {line-height: 2em;}
div.study div.apply {margin-top: -3em;}
#ApplyForm div label {float: left; width: 12em; font-weight: bold; font-size: 110%}

#StudyAddForm div {margin-bottom: 1em;}
#StudyAddForm div label {float: left; width: 12em; font-weight: bold; font-size: 110%}
#StudyAddForm fieldset {border: 0px;}
#StudyAddForm fieldset legend {font-size: 145%; font-weight: bold; width: 9em; float: left; text-decoration: underline;}
#StudyAddForm div.columnleft, #StudyAddForm div.columnright { display: inline; float: left; margin-right: 2em;}
#StudyAddForm div.columnleft {border-right: 2px gray dotted; padding-right: 2em;}
#StudyAddForm div.text input {width: 35em;}
#StudyAddForm div.text input.number {width: 10em;}
#StudyAddForm div.textarea textarea {width: 35em; height: 20em;}
#StudyAddForm div.submit { margin-left: 13em;}
#StudyAddForm input, #StudyAddForm select, #StudyAddForm textarea {padding: 0.1em;}
#StudyAddForm input[type=submit] {padding: 0.3em;}

.compensation {float: left; margin-right: 0.5em;}
#StudyCompensationAmount {text-align:right;}

#StudyEditForm div {margin-bottom: 1em;}
#StudyEditForm div label {float: left; width: 12em; font-weight: bold; font-size: 110%}
#StudyEditForm fieldset {border: 0px;}
#StudyEditForm fieldset legend {font-size: 145%; font-weight: bold; width: 9em; float: left; text-decoration: underline;}
#StudyEditForm div.columnleft, #StudyEditForm div.columnright { display: inline; float: left; margin-right: 2em;}
#StudyEditForm div.columnleft {border-right: 2px gray dotted; padding-right: 2em;}
#StudyEditForm div.text input {width: 35em;}
#StudyEditForm div.text input.number {width: 10em;}
#StudyEditForm div.textarea textarea {width: 35em; height: 20em;}
#StudyEditForm div.submit { margin-left: 13em;}
#StudyEditForm input, #StudyEditForm select, #StudyEditForm textarea {padding: 0.2em;}
#StudyEditForm input[type=submit] {padding: 0.3em;}

#UserEditForm div {margin-bottom: 1em;}
#UserEditForm label {float: left; width: 12em; font-size: 110%; font-weight: bold;}
#UserEditForm fieldset {border: 0px;margin-top: 2em;}
#UserEditForm fieldset legend {margin: 0.5em; font-size: 145%; font-weight: bold; width: 9em; text-decoration: underline; }

#OrganizationAddForm div {margin-bottom: 1em;}
#OrganizationAddForm label {float: left; width: 12em; font-size: 110%; font-weight: bold;}
#OrganizationAddForm fieldset {border: 0px;margin-top: 2em;}
#OrganizationAddForm input[type=text], #OrganizationAddForm textarea {width: 25em;}
#OrganizationAddForm fieldset legend {margin: 0.5em; font-size: 145%; font-weight: bold; width: 9em; text-decoration: underline; }

#OrganizationEditForm div {margin-bottom: 1em;}
#OrganizationEditForm label {float: left; width: 12em; font-size: 110%; font-weight: bold;}
#OrganizationEditForm fieldset {border: 0px;margin-top: 2em;}
#OrganizationEditForm input[type=text], #OrganizationEditForm textarea {width: 25em;}
#OrganizationEditForm fieldset legend {margin: 0.5em; font-size: 145%; font-weight: bold; width: 9em; text-decoration: underline; }

#UserAddForm div {margin-bottom: 1em;}
#UserAddForm label {float: left; width: 12em; font-size: 110%; font-weight: bold;}
#UserAddForm fieldset {border: 0px;margin-top: 2em;}
#UserAddForm input[type=text], #UserAddForm textarea {width: 25em;}
#UserAddForm fieldset legend {margin: 0.5em; font-size: 145%; font-weight: bold; width: 9em; text-decoration: underline; }

#ChangePasswordForm div {margin-bottom: 1em;}
#ChangePasswordForm label {float: left; width: 12em; font-size: 110%; font-weight: bold;}
#ChangePasswordForm fieldset {border: 0px;margin-top: 2em;}
#ChangePasswordForm input[type=text], #ChangePasswordForm textarea {width: 25em;}
#ChangePasswordForm fieldset legend {margin: 0.5em; font-size: 145%; font-weight: bold; width: 9em; text-decoration: underline; }

div.flash{font-weight: bold; font-size: 110%;}
div.notice{background:#FFF6BF;color:#514721;border: 1px solid #FFD324; padding: 1em; }
div.success {background:#E6EFC2;color:#264409;border: 1px solid #C6D880; padding: 1em; }
div.error{background:#FBE3E4;color:#8a1f11;border: 1px solid #FBC2C4; padding: 1em; }

hr.separator {border: 0; border-bottom: 5px dotted gray; margin: 1em;}
hr {border: none; border-bottom: 3px dotted #ff9600; width: 90%; margin: 2em auto;}

#UserLoginForm { margin: 7em auto 3em 2.5em;}
#UserLoginForm label { float: left; width: 10em; }

#fpstudies {
    margin-top: 2em;
}

h1, h2, h3, h4{font-weight: bold;line-height: 1em; margin: 0.5em 0.5em 0.5em 0.5em;color: #111111; font-family: 'Trebuchet MS'}
h1{font-size: 265%; line-height: 1.5em; margin: 0;}
h2{font-size: 180%;}
h3{font-size: 140%;}
h4{font-size: 120%;}

p {margin: 1em 0 1em 0; line-height: 1.7em;}
ul {list-style: disc}
ol {list-style: decimal;} 
ul li, ol li { margin-left: 1em; line-height: 1.7em;}
dl {margin-left: 2em}
dt {font-weight: bold; text-decoration: underline;}
dt:after{content:':';}
dd {margin-left: 1em;}
p img.left {float:left; margin: 0em 1em 0.5em 0em;}
p img.right {float:right; margin: 0em 0em 0.5em 1em;}
pre, code {font-size: 120%}
code {background-color: #DDD; padding: 0 0.2em 0 0.2em;}
blockquote {background-color: #EFEFBB; padding: 15px;}
cite {font-weight: bold; font-style: italic; float: right; padding: 0.5em;}
cite:before{content:'-- '}
th{font-weight: bold; padding: 0.5em;}
td{padding: 0.5em;}

input, textarea, select, button {font-family: "Trebuchet MS", "Helvetica"; font-size: 110%}
label,legend	{font-weight: bold; font-size: 110%}

fieldset {border: 1px solid gray;}

a {color:#0600F0;text-decoration:none;}
a:focus, a:hover {color:#346b88;}

/* Applicants View */

.applicantRow {
    border-bottom: #111111 1px dotted;
}

/* SK STYLE END */


/* DEBUG */
.cake-sql-log {background: white; margin-top: 20em;}
.cake-debug { background: white; padding: 2em;}