/* =========================================================
    CSS STYLES FOR Module DNNFusion_MyProfile - Sistemi.hr
   =========================================================
*/

.activeProfile {
	width: 653px;
}

/* prvi ekran - pretraživanje STARO */
.activeProfile SELECT.NormalTextBox {
	font-size: 11px;
	padding: 3px;
}
.activeProfile SELECT.NormalDropDown {
	font-size: 11px;
	padding: 3px;
}

.apTabSearchContainer .CommandButton:link,
.apTabSearchContainer .CommandButton:visited,
.apTabSearchContainer .CommandButton:hover {
	color: #a40209;
	font-weight: bold;
}
.apTabSearchContainer {
	width: 673px;
}
.apTabSearchContainer .c1 {
	width: 336px;
}
.apTabSearchContainer .c1 {
	width: 337px;
}
.apSearchOptions H4 {
	font-size: 12px;
	background-color: #a40209;
	padding: 2px 7px;
	color: #FFF;
}
.apSearchOptions .c1 H4 {
	margin-right:3px;
}
.apSearchOptions .c2 H4 {
	margin-left:3px;
}
.apSearchOptions H4 IMG {
	display: none;
}
.apSearchOptions TABLE {
	width: 100%;
}
.apTabSearch TD,
.apTabSearch TH,
.apTabBrowse TD,
.apTabBrowse TH,
.apTabDisplay TD,
.apTabDisplay TH {
	padding: 4px 0;
	vertical-align: middle;
}
.apTabSearch TH,
.apTabBrowse TH,
.apTabDisplay TH {
	width: 130px;
	padding-right: 10px;
	padding-left: 5px;
	font-weight: normal;
	color: #818181;
}
.paTabBrowseCriteria .buttonHolder {
	text-align: center;
}
.apSearchPaging {
	text-align: center;
	padding: 3px 0;
	background-color: #a40209;
}
.apSearchPaging SPAN,
.apSearchPaging LABEL {
	margin-right: 5px;
	color: #FFF;
	font-size: 11px;
}
.apSearchPaging IMG {
	margin: 0 3px;
	vertical-align: middle;
	cursor: pointer;
}
.apSearchList {
	width: 673px;
}
.apSearchList TD {
	padding: 5px;
	width: 50%;
}
.apSrResItem {
	margin: 2px 0;
	width: 100%;
	height: 65px;
}
.apSrResItem TH {
	width: 75px;
	vertical-align: middle;
	text-align: left;
}
.apSearchList TD .apSrResItem TD {
	vertical-align: middle;
	padding: 5px;
	width: auto;
}
.apSrResItem TR:hover {
	background-color: #e7e7e7;
}
.apUserName:link,
.apUserName:visited,
.apUserName:hover {
	font-size: 12px;
	font-weight: bold;
	color:#000;
	text-decoration: none;
}
.apUserName:hover {
	color: #a30108;
}
.apPubDate {
	display: block;
}
.apViewUser:link,
.apViewUser:visited,
.apViewUser:hover {
	color: #a30108;
	text-decoration: none;
}
.apViewUser:hover {
	text-decoration: underline;
}

/* Prvi ekran - pretraživanje - novo */
.apPromo {
	padding: 10px 0;
}
.apPromo A:link,
.apPromo A:visited,
.apPromo A:hover {
	color: #a40209;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px;
}
.apPromo A:hover {
	text-decoration: underline;
}
.apProfiliPanel { padding: 0 5px 5px 5px; }
.apProfiliPanel H3 { font-size: 14px; margin-bottom: 10px;}
.apProfiliSearchForm { width: 100%; }
.apProfiliSearchForm TH { width: 150px; }
.apProfiliSearchForm TH, .apProfiliSearchForm TD { vertical-align: middle; border-bottom: 1px dotted #CCC; padding: 3px 2px 3px 0; text-align: left }
.apProfiliSearchForm TD TD { border-width: 0; padding: 1px; }
.apButtonHolder {
	padding: 5px 0 10px 0;
	text-align: center;
}
.apButtonHolder .CommandButton:link,
.apButtonHolder .CommandButton:visited,
.apButtonHolder .CommandButton:hover {
	margin:5px;
	font-weight: bold;
	color: #a40209;
}
.profileItem, .profileAlternatingItem {
   float: left;
   padding: 10px;
   margin: 5px;
   width: 290px;
   height: 95px;
   border: 1px solid threedshadow;
}
.profileItem H4 A, .profileAlternatingItem H4 A { font-size: 15px; color: #a40209!important; }
.profileItem {
   background: whitesmoke !important;
}
.profileAlternatingItem {
   background: whitesmoke !important;
}
.profileItem:hover, .profileAlternatingItem:hover {
	border: 1px #a40209 solid;
}
.paProfListImg { display: block; float: left; width: 95px; height: 95px; background-repeat: no-repeat; background-position: center center; margin-right: 5px; } 
.apProfileInfo { width: 185px; float: left; }
.profileItem .CommandButton, .profileAlternatingItem .CommandButton { color: #a40209!important; }
.RadGrid_Telerik { border-width: 0!important; }
.RadGrid_Telerik .rgRow td { padding: 0 0 5px 0!important; }
.RadGrid_Telerik .rgPagerCell { border-width:0!important; }
.RadGrid_Telerik .rgPager { background:transparent!important; }
.rgPagerCell A:hover { border:1px #a40209 solid!important; background-color: #CCC!important } 
.RadGrid_Telerik .rgNumPart a:hover, .RadGrid_Telerik .rgNumPart a:hover span, .RadGrid_Telerik .rgNumPart a.rgCurrentPage, .RadGrid_Telerik .rgNumPart a.rgCurrentPage span { background: transparent!important; }
.rgCurrentPage { border:1px #a40209 solid!important; }


/* Control panel na vrhu profila */
.apCpHolder TD {
	padding: 5px 0;
	vertical-align: middle;
}
.apProfileIntroPanel {
	width: 663px;
	margin: 0 5px;
}
.apControlPanel {
	width: 673px;
}
.apProfileIntroPanel BR {
	display: none;
}
.apProfileIntroPanel .r2 SPAN {
	margin-left: 5px;
}
.apProfileIntroPanel .r2 {
	text-align: right;
}
.apProfileIntroPanel .apProfName {
	margin-right: 10px;
}
.apProfileIntroPanel .r1 SPAN {
	font-size: 12px;
}
.apProfileIntroPanel .apData {
	color: #c81118;
	font-weight: bold;
}
.apControlPanel {
	background-color: #f3f3f3;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ececec;
}
.apControlPanel .c1 {
	padding-left: 10px;
}
.apControlPanel .c1 SPAN {
	margin-right: 5px;
}
.apControlPanel .c2 {
	text-align: right;
	padding-right: 10px;
}
.apControlPanel .NormalTextBox {
	margin-right: 10px;
}
.apControlPanel INPUT.NormalTextBox {
	width: 100px;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #9a9a9a;
	padding: 1px 2px;
}


/* Ime pane-a */
.apPaneName {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	padding: 2px 0;
	color: #c5c5c5;
}

/* ActiveProfile osnovni okvir */
.sdOkvir {
	margin: 10px 0;
	width: 673px;
}
.sdOkvirCont {
	width: 100%;
}
.sdoContent .CommandButton:link,
.sdoContent .CommandButton:visited,
.sdoContent .CommandButton:hover {
	color: #a40209;
}
.sdOkvir H4 {
	display: block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #a40209;
	padding: 5px 10px 3px 10px;
	margin-top: 20px;
}
.sdOkvir H4 img { 
	padding: 0 10px 0 0;
}
.apModMyText P {
	margin-bottom: 5px;
}
.sdoContent {
	border-top:1px #9a9a9a dotted;
	border-bottom:1px #9a9a9a dotted;
	padding: 10px;
	background-color: #f7f7f7;
}
.sdOkvirToolbar {
	width: 100%;
}
.sdOkvirToolbar TD {
	vertical-align: middle;
	padding: 3px 10px;
}
.sdOkvirToolbar .c2 {
	text-align: right;
}


/* Opće klase za module AP-a */
.apForm {
	width: 100%;
}
.apForm TH,
.apForm TD {
	padding: 2px 5px 2px 0;
}
.apForm TH {
	width: 150px;
}
.apForm .NormalTextBox {
	width: 340px;
}
.apForm .btnHolder {
	text-align: center;
	padding: 10px 0;
}
.apForm .btnHolder .CommandButton {
	margin: 5px;
}
.apForm .NormalCheckBox INPUT {
	margin-right: 5px; 
}
.apForm .NormalCheckBox LABEL {
	font-size: 11px;
	margin-right: 15px;
}
.apForm .StandardButton {
	border:1px #8e8e8e solid;
	background-color: #b6b6b6;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.apForm .NormalTextBoxUpload {
	border:1px #000 solid;
	font-size: 11px;
	background-color: #f1f1f1;
	padding: 2px 4px;
}

.dnnfusion_mp_contentpane .buttonHolder .CommandButton {
	margin: 5px;
	font-size: 12px;
	font-weight: bold;
}


/* Moj Profil */
.apModMyProfile,
.apProfileData,
.apMyProfileTabNav,
.apMyProfilePanels,
.apMpPanel {
	width: 100%;
}
.apModMyProfile TH {
	width: 115px;
}
.apModMyProfile TH,
.apModMyProfile TD {
	padding: 3px 0;
}
.apModMyProfile .apProfileData TD TH,
.apModMyProfile .apProfileData TD TD {
	padding: 0;
}
.apProfileName {
	display: block;
	margin: 0 0 10px 0;
}
.apProfileImg {
	display: block;
	border:1px #000 solid!important:
}
A.tab BR,
A.activetab BR {
	display: none;
}
A.activetab,
A.activetab:hover,
A.tab,
A.tab:hover {
	border-width: 1px 1px 0 1px;
	border-color: #e1e1e1;
	border-style: solid;
	cursor: pointer;
	white-space: nowrap;
	display: block;
	margin: 0 10px 0 0;
	text-align: center;
	padding: 3px 5px;
	text-decoration: none;
}
A.tab,
A.tab:hover {
	border-width: 1px 1px 0 1px;
	border-color: #FFF;
	border-style: solid;
}
A.activetab:hover,
A.tab:hover,
A.activetab {
	background-color: #f1f1f1;
}
A.tab {
	background-color: #FFF;
}
A.tab,
A.tab:hover,
.apMyProfileTabNav {
	background: url(Media/TabsHolderBack.gif) left bottom repeat-x;
}
.apMpPanel {
	border-width: 0 1px 1px 1px;
	border-color: #e1e1e1;
	border-style: solid;
	background-color: #f1f1f1;
}
.apModMyProfile .apProfileData TD .apMpPanel TH,
.apModMyProfile .apProfileData TD .apMpPanel TD {
	padding: 4px 7px;
}
.apProfileEdit TH,
.apProfileUpdate TH,
.apProfileEdit TD,
.apProfileUpdate TD {
	font-weight: normal;
	vertical-align: middle;
}
.apProfileUpdate TD {
	padding-left: 8px ;
}
.apProfileEdit LABEL,
.apProfileUpdate LABEL {
	font-weight: bold;
}
.apProfileData DL {
	display: block;
	clear: both;
	width: 530px;
	border-bottom:1px #CCC dotted;
}
.apProfileData DT {
	width: 150px;
	float: left;
	display: block;
	padding: 4px 10px 4px 5px;
}
.apProfileData DD {
	width: 360px;
	float: left;
	display: block;
	padding: 4px 5px 4px 0;
}
.apProfileData .Normal {
	display: block;
	font-weight: bold;
}
.apProfileData .NormalBold {
	display: block;
	color: #a40209;
	font-weight: bold;
}
.apProfileData .NormalBold BR {
	display: none;
}
.apProfileEdit INPUT.NormalTextBox {
	border-width: 0 0 1px 0;
	border-color: #000;
	border-style: solid;
	background-color: #f1f1f1;
	width: 350px;
}
.apProfileEdit TH.c1 {
	width: 197px;
}
.apProfileEdit TD.c2 {
	width: 433px;
}
.apProfileEdit TEXTAREA.textAreaStyle {
	background-color: #f1f1f1;
	width: 350px;
	height: 100px;
	border-width: 0;
	padding: 3px;
}
.apProfileEdit .CommandButton {
	font-size: 12px;
	font-weight: bold;
}
.apProfileFiels .Head {
	color: #9a9a9a;
	font-size: 12px;
	font-weight: normal;
}
.apProfileFiels TD {
	padding: 2px 0;
}
.apProfileFiels .chkboxItemHolder {
	display: block;
	float: left;
	width: 140px;
}
.apProfileFiels .chkboxItemHolder INPUT {
	margin-right: 5px;
}


/* Moji prijatelji */
.apFriendsInfo {
	margin: 5px 0;
	display: block;
}
.apFriendsList TD {
	padding: 5px;
	text-align: center;
}
.apFriendsList A {
	display: block;
}
.apModMyFriends .buttonHolder {
	text-align: left;
	margin: 5px 0;
}
.apMyFriendsEdit TH {
	padding: 3px 5px;
	background-color: #e7e7e7;
	width: 50%;
}
.apMyFriendsEdit.apForm TD {
	padding: 3px 5px;
}
.apMyFriendsEdit TH SPAN,
.apMyFriendsEdit TH LABEL {
	white-space: nowrap;
}


/* Moje slike */
.apModMyPictures {
	width: 100%;
}
.apModMyPictures TD {
	padding: 3px 0;
}
.apPicAlbum SELECT {
	background-color: #e7e7e7;
	border-width: 0;
	padding: 3px;
}
.apPicList SELECT {
	width: 100%;
	background-color: #e7e7e7;
	border-width: 0;
	padding: 3px;
}
.apPicControls TABLE {
	width: 100%;
}
.apPicControls .c1 {
	width: 20%;
}
.apPicControls .c2 {
	width: 60%;
	text-align: center;
}
.apPicControls .c2 IMG {
	margin: 2px;
}
.apPicControls .c3 {
	width: 20%;
	text-align: right;
}
.apPicHolder {
	text-align: center;
}
.apModMyPictures .apPicItem {
	cursor: pointer;
	border:4px #CCC solid!important:
}
.apPicHolder .Normal {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
.apModMyPictures .buttonHolder {
	text-align: left;
}
.apPictureAddCont TD {
	vertical-align: middle;
	padding: 3px 5px;
}
.apPicAlbumCreate .CommandButton {
	margin: 5px;
}
.apForm .NormalTextBox.apPicDescTextBox {
	width: 150px;
	height: 80px;
	border:1px #000 dotted;
	background-color: #eaeaea;
}
.apPicEditList {
	width: 100%;
}
.apPicEditList .apPicEditListHeader {
	font-weight: bold;
}
.apPicEditList .c1 {
	width: 150px;
}
.apPicEditList .c3 {
	width: 100px;
}
.apPicEditList .c4 {
	width: 60px;
}


/* Moji linkovi */
.apModMyList {
	width: 100%;
}
.apModMyList TD {
	padding: 3px 0;
}
.apLinksList {
	width: 100%;
}
.apModMyList .apLinksList TD {
	padding: 1px 0;
}
.apLinksList A:link,
.apLinksList A:visited,
.apLinksList A:hover {
	color: #a40209;
	font-weight: bold;
}
.apLinksList A:hover {
	text-decoration: underline;
}
.sdOkvir .buttonHolder {
	text-align: left;
}
.apForm TD.SubHead {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 5px 0;
	color: #000;
}
.apListItems TD {
	padding: 2px 10px;
}


/*  Knjiga gostiju */
.apGuestbookListHolder {
	width: 100%;
}
.apGuestbookList {
	width: 100%;
}
.apGuestbookList TH {
	background-color: #f1f1f1;
}
.apGuestbookList TH,
.apGuestbookList TD {
	padding: 5px 3px;
}
.apGuestbookList .c1,
.apGuestbookList .c2,
.apGuestbookList .c3,
.apGuestbookList .c4 {
	border-bottom:1px #CCC solid;
}
.apGuestbookList .c1 {
	width: 100px;
	text-align: center;
}
.apGuestbookList .c3 {
	width: 100px;
	text-align: center;
}
.apGuestbookList .c4 {
	width: 20px;
	text-align: center;
}
.apGuestbookList .c1 A {
	display: block;
}
.apGuestbookList .c1 SPAN {
	display: block;
}
.apGuestbookList .c1 SPAN BR {
	display: none;
}
.apModMyGuestbook .buttonHolder {
	text-align: left;
	padding: 5px 0 0 0;
}

/* Moj Blog */
.apBlogList {
	width: 100%;
}
.apBlogList TD {
	padding: 10px 0 0 0;
}
.apBlogList H5 {
	font-size: 12px;
	font-weight: bold;
}
.apBlogBody.Normal {
	display: block;
	padding: 5px 0;
	font-size: 12px;
}
.apBlogBody P {
	margin-bottom: 10px;
}
.apBlogList SPAN.CommandButton {
	color: #a40209;
	text-decoration: underline;
	cursor: pointer;
}
.apBlogCommentCount {
	font-weight: bold;
}
.apBlogComments {
	margin: 5px 0;
	padding: 10px;
	background-color: #f1f1f1;
}
.apModMyBlogs  .buttonHolder {
	text-align: left;
	padding: 5px 0 0 0;
}

/* ReportProfile.ascx */
.typeAdmin .activeProfile {
	width: 640px;
}


/* ProfileStatistics.ascx */
.apPanelCont {
	padding: 10px;
}
.apProfileList TD {
	padding: 5px;
	border-width: 0;
}
.apProfileList A {
	display: block;
	text-align: center;
}
.apProfileStsts .buttonHolder {
	padding: 10px;
	text-align: center;
}


/* UserModuleSettings.ascx */
.apModuleIcons {
	border:1px gray solid;
	overflow: auto;
	height: 250px;
	width: 100%;
}


/* ViewMyProfile.ascx */
.apProfileImgHolder .apViewProf {
	display: none;
}
.apProfileImgHolder {
	background: url(Media/BackImgViewMyProfileBottom.png) left bottom no-repeat;
	width: 120px;
	padding: 0 0 18px 0;
	margin: 0 auto;
}

.apProfileImgHolderInner {
	background: url(Media/BackImgViewMyProfileTop.png) left top no-repeat;
	padding: 27px 17px 0 15px;
}

.apProfileImgHolder IMG {
	display: block;
	border:1px #FFF solid!important;
}
.apProfileImgHolder .apProfileImgLink {
	display: block;
	
}
.apProfileImgHolder LABEL {
	display: block;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.apProfileImgHolder BR {
	display: none;
}
.apProfileImgHolder .apCreateProf:link,
.apProfileImgHolder .apCreateProf:visited,
.apProfileImgHolder .apCreateProf:hover {
	color: #000;
}