/**
 * This file contains style sheets for various boxes, like
 * the general box that is commonly used in the application.
 */


/*
  * General box ****************************************
  */

.box
{
	background: white;
	background-repeat: repeat-x;
	background-image: url(../../Images/bg_box.jpg);
}

.box .outerBorder, .box .innerBorder
{
	height: 100%;
	border: solid 1px white;
}

.box .border
{
	border: solid 1px #ababab;
}

.box .header, .box .body, .box .footer
{
	margin: 8px;
}

.box .body.noFooterSpace
{
	margin: 8px;
}

.box .header
{
	font-size: 13px;
	font-weight: bolder;
	margin-bottom: 15px;
}

.box table .header
{
	margin-bottom: 15px;
	border-bottom: solid 1px #dddddd;
	padding-bottom: 5px;
    color: #417c9a;
}

.box .header.noContent
{
	margin-bottom: 8px;
}

.box .body
{
}

.box .body div
{
	margin-bottom: 4px;
}

.box .body div.ajax__calendar_day {
    margin-bottom: 0px;
}

.box .body .leftLabel
{
	float: left;
	width: 100px;
	padding-top: 2px;
	margin-right: 10px;
}

.box .footer .leftLabel
{
	float: left;
	width: 90px;
	padding-top: 2px;
	margin-right: 10px;
}

#main .box .body .short input[type="text"]
{
	width: 200px;
}
#main .box .body .short select
{
	width: 206px;
}

#main .box .body .popup
{
	width: 310px;
}



#main .box .body .popup input[type="text"] { width: 120px; }
#main .box .body .popup input[type="file"] { width: 120px; } /* ändra */
#main .box .body .popup select { width: 307px; }


#main .box .body input[type="text"]
{
	width: 330px;
}
#main .box .body input[type="file"]
{
	width: 267px;
}
/* ändra */
#main .box .body select
{
	width: 336px;
}
#main .box .body textarea
{
	width: 330px;
}

#main .box .body textarea.all
{
	width: 810px;
}

#main .box .body .wide textarea
{
	width: 670px;
}
#main .box .body img
{
	height: 100px;
}

/**
 * The table is ONLY to be used when several input fields are
 * lined up after eachother.
 */
.box .body table, .box .body table tr, .box .body table td
{
	margin: 0px;
	padding: 0px;
}

.box .body table td
{
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

.box .body .ajax__calendar_body table td {
    padding-bottom: 0px;
}

.box .footer
{
	margin-top: 15px;
	border-top: solid 1px #dddddd;
	padding-top: 5px;
}

.box .pagingFooter
{
	border-top: solid 1px #dddddd;
	padding-top: 5px;
	margin: 1px 8px 8px 8px;
}

.box .expandClick
{
	margin-bottom: 10px;
}


.box .expandable
{
	display: none;
	max-height: 130px;
}
/**
 * Stylesheet for three column table layout.
 */

#main .box .body table.threeCol input[type="text"]
{
	width: 213px;
}
#main .box .body table.threeCol select
{
	width: 219px;
}
#main .box .body table.threeCol textarea
{
	width: 213px;
}

#main .box .body .text300 input[type="text"]
{
	width: 300px;
}
#main .box .body .text300 select
{
	width: 306px;
}