/*
GROUP.cgi 
-------------------------------------------------------------------*/


/* 3a. Fonts control for the Forum Box Layout */
.forum_date {font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000;}
.forum_items {font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #000000;}
.forum_link {font-family: arial, helvetica, sans-serif; font-size: 11px;}
.forum_replies {font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000;}

/* 3b. Artistic Impression for the Inner Forum Table */
.tr_bottomborder {border-bottom:1px solid #CCCCCC;}
.tr_item_color {background-color:#EEF7FF;}
.tr_off {background-color:#FFFFFF;}
.tr_on {background-color:#EFEFEF;}


/********************* Description Box Layout (Middle) *********************/

.description_text {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align:justify;
}

.descriptionBox {
 border-top: 0px; 
 border-bottom: 1px solid #F2F2F2;
 border-left: 1px solid #F2F2F2;
 border-right: 1px solid #F2F2F2;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 padding-right: 5px;
}

.description_item {
  font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold; 
	font-size: 11px;
}

/**************************************************************************/

/**************************** Layout Position ****************************/

/* 1. Group Information Box and 2. Dotted border and Padding */
.gInfoBox { 
   width: auto;
   height: 25px;
   border-top: 1px dotted #CCCCCC;
   border-bottom: 1px dotted #CCCCCC;
   border-left: 1px dotted #CCCCCC;
   border-right: 1px dotted #CCCCCC;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 8px;
   padding-right: 8px;
   text-align:center;
   background-color:#EEF7FF;
}



/* 3. Forum Box */
.forumHeader {
 padding-top: 4px;
 padding-bottom: 8px;
 padding-left: 0px;
 padding-right: 0px;
}

.forumBox {
 text-align:justify;
 border-top: 0px;
 border-bottom: 1px solid #F2F2F2;
 border-left: 1px solid #F2F2F2;
 border-right: 1px solid #F2F2F2;
 padding-top: 1px;
 padding-bottom: 5px;
 padding-left: 0px;
 padding-right: 0px;
}


/* 3a. Fonts control for the Forum Box Layout */
.forum_date {font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000;}
.forum_replies {font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000;}
.forum_link {font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px;}
.o_link {font-family: arial, helvetica, sans-serif; font-size: 11px;}

/* 3b. Artistic Impression for the Inner Forum Table */
.tr_bottomborder {border-bottom:1px solid #CCCCCC;}
.tr_color {background-color:#EFEFEF;}
.tr_item_color { background-color:#EEF7FF};
.tr_off {background-color:#FFFFFF;}
.tr_on {background-color:#EFEFEF;}


/* 4. Administrator/Moderators Box */
.admin_mem_header {
 background-color:#EEF7FF;
 border-top: 0px;
 border-bottom: 2px solid #D0E9FF;
 border-left: 0px;
 border-right: 0px;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 3px;
 padding-right: 3px;
}

.adminBox {
 text-align:justify;
 border-top: 0px;
 border-bottom: 1px solid #F2F2F2; 
 border-left: 1px solid #F2F2F2;
 border-right: 1px solid #F2F2F2;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 0px;
 padding-right: 0px;
}


.adminBoxBolder {
 background-color:#EFEFEF;
 border-bottom: 1px solid rgb(204,204,204); 
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 0px;
 padding-right: 0px;
}

/* 4a. Fonts control for the Forum Box Layout */
.admin_text {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: normal; 
	FONT-SIZE: 10px;
	color:#888888;
	text-align:justify;
}

.admin_subheader {
    font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold; 
	font-size: 10px;
	color:#929292;
	text-align:justify;
}


/* 5. Members Box */
.memBox {
 text-align:center;
 border-top: 0px;
 border-bottom: 1px solid #F2F2F2; 
 border-left: 1px solid #F2F2F2;
 border-right: 1px solid #F2F2F2;
 padding-top:10px;
 padding-bottom: 10px; 
 padding-left:0px;
 padding-right: 0px;
}
/************************************************************************/



/********************* Calendar Box Layout (Right) *********************/

.calendar_small_day td { font-size: 11px; text-align:center;}

/**************************************************************************/


/********************* Announcement Box Layout (Right) *********************/

.announcement_date {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: normal; 
	font-size: 10px;
	color:#888888;
	text-align:justify;
}

.announcement_text {
    font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal; 
	font-size: 11px;
	text-align:left;
}
/**************************************************************************/



/********************* Layouts Adjustment (Right) *********************/
.right_naming {
 font-size: 14px;
 font-weight:bolder;
 color:#FFF;
}

.rightHeader {
 width:180px;
 background-color: #91c846;
 border-width: 1px 1px 0px 1px;
 padding: 1px 1px 1px 1px;
}

.rightBox{ 
   width: 180px;
   border: solid rgb(145,200,70); 
   border-width: 0px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
}

.readMore {
   font-size:11px;
}

.spacing{
   padding: 8px 0px 8px 0px;
}

/* CSS codes for using all users' alert boxes */
.gInfoBox2 
{
/*
	width: auto;
   height: 25px;
   background-color:#FFFFD7;
   border: solid 1px #CCCCCC;
   border-width: 1px 1px 1px 1px;
   padding: 8px 8px 8px 8px;
   text-align:center;
*/
}
/* please also check this item is placed or not into your CSS / html file */
.group_news
{
/*
   font-family: verdana, arial, helvetica, sans-serif;
   font-weight: bold; 
   font-size: 11px;
   text-align:justify;
*/
    text-align: center;
	color: #006600;
	height: 30px; 
	padding-top: 4px; 
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
	line-height: 30px;
	background: #ffffd7; 
	border: #cccccc solid 1px;
	font-size: 14px;
}

.m_edittxt {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif;}

TR.announcement {
    background-color:#EEF7FF;
}

TD.topnavi { background-color:#EEF7FF; vertical-align: middle; text-align:center;}

.m_topborder {border-top:1px solid #EEF7FF;}

.m_display {border-top:1px solid #EEF7FF; border-bottom:1px solid #EEF7FF;}

/**************************************************************************/


/*************** The following attributes are using in album page ***************/

/** Attributes for using in bCol **/

/*
 * It is used for setting the size of category hyperlinks underneath an album title
 */
.category_link {
   font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
   font-size:10px;
   padding-bottom:2px;
   text-align:left;
}

/*
 * It is used for setting the album uploaded date/time and the form of display will be listed as below:
 * 1. < 1 week will display the date/time like: 2 secs ago; 15mins ago; 3 hours ago or 3 days ago;
 * 2. > 1 week will display the date/time like: Tuesday, January 10 2006
 */
.album_uploaded_time {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color: #B6B6B6;
   text-align:left;
   padding: 0px 0px 10px 0px;
}

/*
 * It is used for setting the album description
 */
.album_description {
   font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
   font-size:11px;
   padding-bottom:2px;
   text-align:justify;
}

/*
 * The following attributes are using for each photos' thumbmails in an album page
 */
.album_thumbnail_container 
{
   width: 146px; 
   padding: 0px; 
   margin: 5px 1px;
   color: #333; 
   border: 0px none; 
   text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:.7em; font-family:arial
}

div.album_thumbnail 
{
   background: #ffffff; 
   border-right: 2px solid #999; 
   border-bottom: 2px solid #999;
   margin: 0px 17px;
}

div.album_thumbnail img 
{
   border: 0px; margin: 4px 5px;
}

/*
 * It is used for setting the size of photo title hyperlinks underneath each photo
 */
.album_title a {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-align:center;
}

/*
 * It is used for setting the font-face/sizes of each checkbox description
 */
.page_selection_boxes {
   font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
   font-size:10px;
   text-align:left;
}

/*
 * For using this attribute in Views / Photos underneath each thumbnails
 */
.vp {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   color:#b6b6b6;
   padding: 3px 0px 0px 0px;
}

/*
 * It is used for setting page lists within an album
 */
.page_lists {
   font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
   font-size:10px;
   text-align:right;
} 



/** Attributes for using in cCol **/

/*
 * A vertical solid line is used for dividing the contents between bCol and cCol
 */
.cCol_line {
   border-top: 0px;
   border-bottom: 0px;
   border-left: 1px solid #CCCCCC;
   border-right: 0px;
}

/*
 * The following attributes are using for additional information and camera properties
 */
.additional_information
{
	margin: 0;
	padding: 0px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#434343; /*#B6B6B6*/
	list-style-type: none;
	list-style-image: url('none');
}

.additional_information_items
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#77BBFF; /*#b9daf5*/
}

.padding {
   padding: 15px 0px 15px 0px;
}


/*
 * The following attribues (button) are using for Buttons (both photo's details & album thumbnails page)
 */
.button {
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  color:#003399;
  text-align:left;
}

.button a:hover {
  color:#FF960F;
  text-decoration:underline;
}

.button_border {
   cursor:hand;
   border-top:1px solid #b9daf5; 
   border-bottom:1px solid #b9daf5; 
   border-left:1px solid #b9daf5;
   border-right:1px solid #b9daf5;
   width:100%;
   height:15px;
}

.button_width {
   width:100%;
   cursor:hand;
}


/*************** The following attributes are using in photos' details view ***************/


/** Attribues for using in bCol **/

/*
 * It uses for view all photos' sizes (show-hide) within a boundary box at bCol
 */
.photo_setting_box {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color: #1B1B1B;
   text-align: center;
   vertical-align:middle;
   padding: 3px 3px 3px 3px;
   width: 500px;
   height: auto;
   border: 1px #e5e5e5; /*#b9daf5*/
   border-style: solid;
}

/*
 * Dividing the spaces between the contents within view all sizes (show-hide) boundary box
 */
.padding_photo_settings {
   padding: 15px 0px 0px 0px;
}

/*
 * Dividing the spaces between photo and view all sizes (show-hide) boundary box
 */
.photo_size_padding {
   padding: 10px 0px 0px 0px;
}

/*
 * It pre-sets all photos' alignment in the center of bCol
 */
.photo {
   text-align: center;
}

/*
 * It uses for a photos' description within a boundary box
 */
.photo_description_box {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color: #1B1B1B;
   text-align: center;
   vertical-align:middle;
   padding: 3px 3px 3px 3px;
   width: 500px;
   height: auto;
   border: 1px #e5e5e5; /*#b9daf5*/
   border-style: solid;
}

/*
 * It uses for a photo's uploaded time within a boundary box
 */
.photo_uploaded_time {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   text-align:center;
   color: #B6B6B6;
}

/*
 * Dividing the spaces between photo and its description boundary box
 */
.photo_padding {
   padding: 0px 0px 15px 0px;
}

/**** The following attributes are using in comments section ****/

/*
 * For applying the following attribute into a comment's title
 */
.comment_title {
    font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold; 
	font-size: 11px;
	text-align:left;
}

/*
 * For applying the following attribute into a comment's contents
 */
.comment_text {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align:justify;
}

/*
 * For applying the following attribute into a comment's date and time
 */
.comment_date {
    font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal; 
	font-size: 11px;
	text-align:right;
}

/*
 * For applying the following attribute on each zorpian's info (user_name, country_name and city_name or so on)
 */
.user_icon_module {
  font-family: Tahoma, Arial, Helvetica, sans-serif, Verdana;
  font-size: 11px;
}

/*
 * Dividing the spaces between description and comment
 */
.padding_comment {
   padding: 10px 0px 0px 0px;
}



/*
 * For applying into Photo 1 of 30 with by <user_name_hyperlink> (For Groups only) at cCol
 */
.photo_counter {
   font-size:10px;
   color: #5E5E5E;
}

.padding {
   padding: 15px 0px 15px 0px;
}


/*
 * The following attributes are using for additional information and camera properties
 */
#additional_information
{
	margin: 0;
	padding: 0px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#434343; /*#B6B6B6*/
	list-style-type: none;
	list-style-image: url('none');
}

.additional_information_items
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#77BBFF; /*#b9daf5*/
}

/*
 * Dividing spaces between all contents within camera properties
 */
.exif_info_padding {
   padding: 15px 0px 15px 0px;
}