/* Groups Styles */

/* End Donwloads & Export */
div.hr {
	margin: 4px 0 4px 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	background: #CCCCCC;
}

hr { color: #CCCCCC; border-style: dotted; }

.vstoolbar {    
    float:right;
	clear:right;
	white-space:nowrap;
}
.vstoolbar_rating {
    vertical-align:middle;
	text-align:center;
}
.vstoolbar_Group {
    padding-right:4px;
	padding-left:2px;
	vertical-align:middle;
	text-align:center;
}

.vstoolbar_lt {
    background-image:url(Images/vstoolbar_lt.png);
	background-position:left;
	background-repeat:no-repeat;
	width:5px;
	height:24px;
}
.vstoolbar_rt {
    background-image:url(Images/vstoolbar_rt.png);
	background-position:right;
	background-repeat:no-repeat;
	width:4px;
	height:24px;
}
.vstoolbar_cen {
   background-image: url(Images/vstoolbar_cen.png);
   background-position:left;
   background-repeat:repeat-x;
   font-weight:bold;
}
.vstoolbar_arrow {
    background-image:url(Images/vstoolbar_arrow.png);
	background-position:right top;
	background-repeat:no-repeat;
	width:5px;
	height:24px;
}
.vggroupRanking {
  float: left;
  margin-right: 6px;
  width: auto;
  height: auto;
  height:63px;
}
.vggroupbtm {
    margin-bottom: 10px;
	padding-bottom:10px;
}
.vggroup 
{
    clear: both;
    text-align: left;
	vertical-align:top;
    margin-bottom : 10px;
	background: url(Images/sd_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	width:100%;
}
.vggroupHeadline {
    margin-bottom: 0px;    
	font-size:12px;
}
.vggroupEntry {
    margin: 3px 3px;
} 
.vsaticleSummary {
	padding-left:0px;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	margin-bottom:3px;
	width:1000px;
}
.vggroupImage {
	float:left;
	margin-right:2px;
}
.vggroupAuthor { 
	margin-top:5px;
	margin-bottom:5px;
} 
.MiniProfile {
  float: RIGHT;
  margin-right: 6px;
  vertical-align:top;
  margin-bottom:10px;
}
.vgCalendar {
  float: left;

  width: 47px;
  height: 50px;
  margin-right:4px;
}
.vgCalendarDay {
  font-size:18px;
  font-weight: bold;
  color: #333333;
  width: 47px;
  text-align:center;
  margin-top: 23px;
 }
.vgCalendarYear {
  float:right;
  font-size:10px;
  font-weight: bold;
  color: #FFFFFF; 
  text-align:right; 
  margin-right:3px;
}
.vgCalendarIcon-01 {
  background: url('images/01.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-02 {
  background: url('images/02.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-03 {
  background: url('images/03.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-04 {
  background: url('images/04.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-05 {
  background: url('images/05.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-06 {
  background: url('images/06.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-07 {
  background: url('images/07.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-08 {
  background: url('images/08.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-09 {
  background: url('images/09.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-10 {
  background: url('images/10.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-11 {
  background: url('images/11.png');
  background-repeat:no-repeat;
}

.vgCalendarIcon-12 {
  background: url('images/12.png');
  background-repeat:no-repeat;
}

/* Standard Styles */

.GroupTable 
{ 
	background-color: transparent; 
	margin: 0px; 
}
.GroupBorder
{ 
	border: #CCCCCC 1px solid;
}
.GroupContentCell 
{ 
	color: #666666; 
	padding: 6px; 
	background-color: transparent; 
}

.GroupContentCellAlternate 
{ 
	color: #666666; 
	padding: 6px; 
	background-color: transparent; 
}
#MiniLinks, a.MiniLinks, a.MiniLinks:visited, a.MiniLinks:active {
	text-decoration: none;
	font-size:10px;
	white-space:-wrap;
	margin-left:auto;
    margin-right:auto;

}
a.MiniLinks:hover {
	font-size:10px;
	text-decoration: underline;
	white-space:normal;
	margin-left:auto;
    margin-right:auto;
}
.GroupSideInformation_tb {
    border: 1px #CCCCCC solid;
	margin-top:3px;
	margin-bottom:3px;    
}
.GroupSideInformation {
	height:30px;
	background: url(images/ps_header_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	vertical-align:middle;  
}
.GroupSideInformation_title {
    color: #FFFFFF;
	font-weight:bold;
	font-size:13px;
	vertical-align:middle;
	text-align:left;
	text-indent:5px;
}


div.hr {
	margin: 4px 0 4px 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	background: #CCCCCC;
}

hr { 
    margin: 4px 0 4px 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	background: #CCCCCC;
}

/* Padding for Div Areas */

.DivPadding {
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 3px;
}
.DivPadding2 {
   padding-left: 1px;
   padding-right: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
}
.AlignRight
{
	text-align: right;
	width: 50px;
}

.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;
}

.UploadedThumbnails
{
	list-style-type: none;
}

.UploadedThumbnails li
{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    list-style-type: none;
    border: solid 1px #ccc;
}

.UploadedThumbnails li table td.image
{	
	padding: 6px 6px 3px 6px;
}

.UploadedThumbnails li table td.control
{	
	padding: 3px 6px 6px 6px;
}

.progressWrapper {
	width: 200px;
	overflow: hidden;
	float:left;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
	text-align:left;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}




#organizer {
	font-family: Arial, sans-serif;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#organizer li {
	cursor: move;
	position: relative;
	float: left;
	margin: 2px 2px 2px 2px;
	padding: 3px 4px 3px 4px;
	width: 100px;
	border: 1px solid #ccc;
	text-align: center;
	padding-top: 5px;
	background-color: #eeeeff;
	list-style-type: none;
}

.Section-Item-Alternate TD
{} 

.Section-Item TD
{
	background-color: #ffffcc;	
}



/*************************
******** Arrows **********
**************************/	
div.jMyCarousel .prev{
	background: url('Images/left.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}
div.jMyCarousel .next{
	background: url('Images/right.png') center center no-repeat;
	width:40px;
	height:61px;
	border:0px;
}
div.jMyCarousel .up{
	background: url('Images/up.png') center center no-repeat;
	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{
	background: url('Images/down.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}


/** carousel 1 **/
div.jMyCarousel ul li{
	border:0px solid #ffffff;
	line-height:0px;
	list-style-type:none;
	display: inline-block;
	overflow: hidden; 
	position: relative;
}

div.jMyCarousel ul li a{ /* in case of link */
	display: inline-block;
	border:0px;
	list-style-type:none;
	overflow: hidden; 
	position: relative;
}

div.jMyCarousel ul li a img{
	display: inline-block;
	border:0px;
	list-style-type:none;
	overflow: hidden; 
	position: relative;
}

DIV.blockUI .fsUploadProgressWrapper, DIV.blockUI .progressWrapper
{
	text-align: left;
	width: 100%;
}

.ReadOnly
{
	background: #f5f5f5;
	border: solid 1px #b1b1b1
}

/* Photo Styles */

.photo_198 {
	border: 4px solid #FFFFFF;
}

.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-tstretch.gif);
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-tstretch.gif);
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-tstretch.gif);
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-lstretch.gif);
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-rstretch.gif);
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-lstretch.gif);
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-rstretch.gif);
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-lstretch.gif);
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-repeat: repeat-y;
	background-image: url(images/borders/album-rstretch.gif);
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-bstretch.gif);
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-bstretch.gif);
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-repeat: repeat-x;
	background-image: url(images/borders/album-bstretch.gif);
	text-align: left;
	height: 14px;
	width: auto;
}

.photo-frame
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}

.photo-frame TD {
	margin: 0px;
	padding: 0px;
}

.photo-frame .topx-- 
{
	background-repeat: no-repeat;
	background-image: url(images/borders/frame-topx--.gif);
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-repeat: repeat-x;
	background-image: url(images/borders/frame-top-x-.gif);
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-repeat: no-repeat;
	background-image: url(images/borders/frame-top--x.gif);
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-repeat: repeat-y;
	background-image: url(images/borders/frame-midx--.gif);
	width: 4px;
	height: auto;
}

.photo-frame .mid--x {
	background-repeat: repeat-y;
	background-image: url(images/borders/frame-mid--x.gif);
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-repeat: no-repeat;
	background-image: url(images/borders/frame-botx--.gif);
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-repeat: repeat-x;
	background-image: url(images/borders/frame-bot-x-.gif);
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-repeat: no-repeat;
	background-image: url(images/borders/frame-bot--x.gif);
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

.GroupLogoWrapper {
	border:1px solid #979797;
	padding: 4px;
}

.GroupLogoWrapper dl dt
{
    margin: 4px auto;
    padding: 3px;
    cursor: pointer;
}

.GroupLogoWrapper dl dd
{
    margin: auto auto 20px auto;
}



/** slider **/
.ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(Images/slider-handle.gif);  }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(Images/slider-bg-1.png); }
.ui-slider-2 { background-image: url(Images/slider-bg-2.png); }

.loading {background: url(Images/indicator.gif) no-repeat center center;}

.Disabled, .Disabled TD
{
	background: #E5E3DF;
	text-transform: uppercase;
}

.swfUpload_Description { font-weight: normal; }

.swfUpload_ControlWrapper { font-weight: normal;  }

.swfupload_buttonwrapper { display: block; margin: 8px 0; }
.swfupload_filenamewrapper {}
.swfupload_filenameelement {}
.swfupload_clear a:link,
.swfupload_clear a:visited,
.swfupload_clear a:hover { color: #026890; text-decoration: none; font-weight:bolder; }
.swfupload_clear a:hover { text-decoration: underline; }

a.UploadTypeLink:link,
a.UploadTypeLink:visited { color: #026890 }