﻿
/**
 * PROFIL
 **/
#profil {
    position: relative;
    background-color: #015593;
    background-image: url(../gfx/profil/profilBtm2.gif);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    padding: 13px 9px 10px 11px;
    min-height: 100px;
    _height: 100px;
}

#profil .leftArea {
    float: left;
    min-height: 100px;
    _height: 100px;
}

#profil .rightArea {
    float: right;
    margin-left: 10px;
    min-height: 100px;
    _height: 100px;
}

#profil h2 {
	display: block;
	font-size: 0.9em;
	line-height: 2.0em;
	padding: 8px 0 5px 14px;
	margin-bottom: 0px;
}

#profil h3 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

#profil .labelField {
    font-size: 11px;
    color: #505050;
    padding-top: 7px;
    float: left;
}

#profil .labelInfoBold {
    font-size: 12px;
    font-weight: bold;
}

#profil .labelInfo {
    font-size: 11px;
    color: #505050;
}

#profil .form {
	height: 19px;
	border: solid 2px #015593;
	color: #666666;
	padding: 3px 2px 0 2px;
}

#profil .formCombo {
    font-size: 10px;
	color: #666666;
}

#profil .formCombo2 {
    font-size: 10px;
    height: 22px;
    border: solid 2px #015593;
	color: #666666;
	width: 120px;
}

#profil .alignRight {
    width: 100%;
    text-align: right;
}

#profil #profile-container {
    position: relative;
    width: 184px;
    min-height: 300px;
    _height: 300px;
    background-color: #c5e0fd;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    color: #000000;
}

#profil #profile-container h2 {
   	color: #fff;
   	background-color: #01456a;
}

#profil #jobs-container {
    position: relative;
    width: 184px;
    min-height: 100px;
    _height: 100px;
    margin-top: 15px;
    background-color: #c5e0fd;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

#profil #jobs-container h2 {
   	color: #fff;
   	background-color: #01456a;
}

#profil #jobsstatus-container {
    position: relative;
    width: 375px;
    min-height: 100px;
    _height: 100px;
    margin-bottom: 15px;
    background-color: #c5e0fd;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

#profil #jobsstatus-container h2 {
   	color: #fff;
   	background-color: #01456a;
}

#profil #profile-container .shortProfile {
    min-height: 150px;
    _height: 150px;
    padding: 4px 0 4px 6px;
    border-bottom: solid 7px #015593;
}

#profil #profile-container .editProfile {
    min-height: 154px;
    _height: 154px;
    padding: 9px 2px 0 6px;
}

#profil #profile-container .labelField {
    height: 19px;
}

#profil #profile-container .form1 {
	width: 128px;
	float: right;
}

#profil #profile-container .form2 {
	width: 120px;
	float: right;
}

#profil #profile-container .formLong {
	width: 100%;
}

#profil #profile-container .link {
	font-size: 10px;
	float: right;
	padding-top: 12px;
	height: 14px;
}

#profil #profile-container .link a {
    color: #000000;
}

#profil #profile-container .link a:hover {
    text-decoration: underline;
}

#profil #profile-container .but {
	margin-top: 3px;
	margin-bottom: 2px;
}

#profil #profile-container .validation {
    float:right;
    min-height: 1px;
    _height: 1px;
}

#profil #jobs-container .formLong {
	width: 100%;
}

#profil #jobs-container .validation {
    display:block;
    width: 100%;
}

#profil #jobs-container .content {
    width: 177px;
    padding: 5px 3px 5px 4px;
}

#profil #jobs-container .jobContent {
    margin-bottom: 3px;
}

#profil #jobs-container h3 {
    margin-bottom: 1px;
}

#profil #jobsstatus-container .statusGrid {
    margin-left: 10px;
    margin-top: 7px;
    color: #000000;
    width: 350px;
}

#profil .tabs-container {
    height: 38px;
}

#profil .tabs-container ul {
	text-align: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#profil .tabs-container li {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    text-align: center;
}

#profil .tabs-container div.tab {
	background-image: url(../gfx/tabs/red.gif);
	display: block;
	height: 24px;
	width: 115px;
	padding: 14px 0 0 0;
	cursor: hand;
	cursor: pointer;
}

#profil .tabs-container div.selectedTab {
	background-image: url(../gfx/tabs/red_h.gif);
	display: block;
	height: 24px;
	width: 115px;
	padding: 14px 0 0 0;
}

#profil .tabs-container div.tab:hover {
	background-image: url(../gfx/tabs/red_h.gif);
}

#profil .tabFrame {
    position: relative;
    background-image: url(../gfx/profil/profilBtm.gif);
    background-position: 0 bottom;
    background-repeat: no-repeat;
    width: 375px;
    min-height: 325px;
    _height: 325px;
    background-color: #eadcc8;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    color: #000000;
}

#profil #galleryTabImages {
    padding: 12px 5px 10px 19px;
    border-bottom: solid 7px #015593;
}

#profil #galleryTabMovies {
    padding: 19px 5px 20px 19px;
}

#profil .paging td {
    padding-right: 3px;
}

#profil .paging td a {
    color: #000000;
}

#profil .multiFieldsTable .descr,
#profil .blogFieldsTable .descr,
#profil .invitedFieldsTable .descr {
    width: 98px;
    color: #505050;
    vertical-align:top;
    padding-top: 8px;
}

#profil .multiFieldsTable .input,
#profil .blogFieldsTable .input,
#profil .invitedFieldsTable .input {
}

#profil .multiFieldsTable .form1,
#profil .blogFieldsTable .form1,
#profil .invitedFieldsTable .form1 {
	width: 220px;
	margin: 0 0 0 0;
}

#profil .multiFieldsTable .comment,
#profil .blogFieldsTable .comment {
	color: #505050;
	font-size: 11px;
}

#profil .multiFieldsTable .comment a,
#profil .blogFieldsTable .comment a {
    color: #505050;
}

#profil .multiFieldsTable .commentBtmMargin,
#profil .blogFieldsTable .commentBtmMargin {
    margin-bottom: 8px;
}

#profil .imagesListCaption,
#profil .moviesListCaption {
    padding-top: 15px;
    padding-bottom: 5px;
}

#profil .imagesList .gridCol1 {width:20px; text-align:left;}
#profil .imagesList .gridCol2 {width:130px;}
#profil .imagesList .gridCol3 {width:80px;}
#profil .imagesList .gridCol4 {text-align:left;}
#profil .imagesList .btnImage {margin-left: 5px;}
#profil .imagesList .btnImage:hover {cursor:hand; cursor:pointer;}

#profil .moviesList .gridCol1 {width:20px;}
#profil .moviesList .gridCol2 {width:117px;}
#profil .moviesList .gridCol3 {width:113px;}
#profil .moviesList .gridCol4 {text-align:left;}

#profil #imagesTabContent {
    padding: 12px 5px 10px 19px;
}

#profil #moviesTabContent {
    padding: 12px 5px 10px 19px;
}

#profil #blogNewTabContent {
    padding: 12px 5px 10px 19px;
}

#profil #lastVisits-container {
    padding: 12px 5px 10px 19px;
    border-bottom: solid 7px #015593;
}

#profil #submittedVisits-container {
    padding: 12px 5px 10px 19px;
}

#profil .visitsScheduledList .gridCol1 {width:20px;}
#profil .visitsScheduledList .gridCol2 {width:74px;}
#profil .visitsScheduledList .gridCol3 {width:100px;}
#profil .visitsScheduledList .gridCol4 {width:58px;}
#profil .visitsScheduledList .gridCol5 {text-align:left;}

#profil .visitsMadeList .gridCol1 {width:20px;}
#profil .visitsMadeList .gridCol2 {width:74px;}
#profil .visitsMadeList .gridCol3 {width:100px;}
#profil .visitsMadeList .gridCol4 {width:100px;}

#profil #visitEdit-container {
    padding: 12px 5px 10px 19px;
    border-bottom: solid 7px #015593;
}

#profil #invitedEdit-container {
    padding: 12px 5px 10px 19px;
}

#profil .visitFieldsTable td {
    padding-top: 4px;
}

#profil .visitFieldsTable .descr {
    width: 112px;
    color: #505050;
    vertical-align: top;
}

#profil .visitFieldsTable .comment {
	color: #505050;
	font-size: 11px;
}

#profil .visitFieldsTable .comment a {
    color: #505050;
}

#profil .visitFieldsTable .commentBtmMargin {
    margin-bottom: 8px;
}

#profil .visitFieldsTable .title {
    padding-top: 15px;
    padding-bottom: 5px;
}

#profil #blogInfo-container {
    padding: 12px 5px 10px 8px;
    border-bottom: solid 7px #015593;
}

#profil .blogFieldsTable {
}

#profil .blogFieldsTable .descr {
    width: 120px;
    color: #505050;
    vertical-align: top;
    padding-top:19px;
}

#profil .blogFieldsTable .formLong {
	width: 342px;
}

#profil .blogFieldsTable .formShort {
	width: 185px;
}

#profil .blogFieldsTable .form1 {
	width: 215px;
}

#profil .blogFieldsTable .comment {
	color: #505050;
	font-size: 11px;
}

#profil .blogFieldsTable .commentBtmMargin {
    margin-bottom: 8px;
}

#profil #blogLast-container {
    padding: 12px 5px 10px 8px;
}

#profil .lastEntriesGrid .right {
}

#profil .lastEntriesGrid .left {
    width: 302px;
}

#profil .lastEntriesGrid .left a {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold;
    line-height: 1.4em;  
}

#profil .lastEntriesGrid a {
    color: #000000;
}

#profil .lastEntriesTitle {
    padding-bottom: 10px;
}


/**
 * KOMUNIKATY
 **/
#komunikat {
    position: relative;
    background-color: #015593;
    padding: 9px 9px 9px 9px;
    min-height: 60px;
    _height: 60px;
}

#komunikat #msg-container {
    position: relative;
    min-height: 60px;
    _height: 60px;
    background-color: #eadcc8;
    vertical-align: top;
    padding-bottom: 9px;
}

#komunikat #msg-container h2 {
    background: #da6c00;
	margin-bottom: 12px;
	padding-left: 14px;
	padding-bottom: 8px;
	padding-top: 8px;
}

#komunikat .labelField {
    font-size: 11px;
    color: #505050;
    padding-top: 7px;
    float: left;
}

#komunikat .labelFieldNewLine {
    font-size: 11px;
    color: #505050;
    padding-top: 7px;
}

#komunikat .form {
	height: 19px;
	border: solid 2px #015593;
	color: #666666;
	padding: 3px 2px 0 2px;
	float: left;
	margin-left: 10px;
}

#komunikat .formNoFrame {
	height: 17px;
	color: #666666;
	padding: 2px 2px 0 2px;
	float: left;
	margin-left: 10px;
}

#komunikat .formTextArea {
	color: #666666;
	padding: 2px 2px 0 2px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 18px
}

#komunikat .validation {
    float: left;
    padding-left: 3px;
    padding-top: 7px
}

#komunikat .content {
    width: 440px;
    min-height: 50px;
    _height: 50px;
    padding: 0 13px 0 15px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4em;
    color: #000000;
}

#komunikat .content a {
    color: #000000;
}

#komunikat .buttons {
	padding: 0 13px 0 15px;
	margin: 25px 0 8px 0;
}

#komunikat .buttonsFields {
	padding: 0 13px 0 15px;
	margin: 15px 0 8px 0;
}

#komunikat .form1 {
    width: 270px;
}

#komunikat .form2 {
    width: 310px;
}

#komunikat .form3 {
    width: 200px;
}

#komunikat .formCombo {
    font-size: 12px;
	color: #666666;
	float: left;
	margin-left: 10px;
	width: 206px;
    height: 22px;
}

#komunikat .fieldRow {
    margin-left: 14px;
}

#komunikat .fieldRow2 {
    margin-left: 14px;
    height: 28px;
}

#komunikat .fieldRow3 {
    margin-left: 14px;
    height: 108px;
}

#komunikat .fieldRow4 {
    margin-left: 14px;
}

#komunikat .first {
    margin-top: 14px;
}