﻿a img
{
    border: none;
}


.dialogContent
{
    margin: 5px;
}

.mainArea ul, .explanation ul
{
    margin-left: 20px;
    list-style: disc;
}
.mainArea ol, .explanation ol
{
    margin-left: 20px;
    list-style: decimal;
}

.explanation ul
{
    padding: 3px 0;
}
.explanation li
{
    padding: 3px 0;
}

.explanation
{
    padding-bottom: 10px;
}


/*.png24 { filter: expression(fixPNG(this)); }*/

.clearFloats
{
    overflow: hidden;
    width: auto;
}
form
{
    background-color: Transparent;
}

.mainBlock
{
    padding: 0px;
}
.mainBlock, .mainAreaWrapper
{
    overflow: visible;
}
.mainArea
{
    width: auto;
    margin: 0 auto;
    overflow: visible;
}
/* background-color:White; opacity:0.8; filter:alpha(opacity=80); */

.fpGallery
{
    position: relative;
}

.galleryV2
{
    width: 100%;
    position: relative;
    white-space: nowrap;
}

.galleryV2 .dxigControl .dxpcLite 
{
     display: table!important;   
    left: 0px!important;
    position: fixed!important;
    top: 0px!important;
    right:0!important;
    bottom:0!important;
}

.galleryV2 a
{
    cursor: default;
}

.galleryV2 a .preview
{
    display: none;
    border-color: #000;
    width: 500px;
    height: 500px;
}

.galleryV2 a:hover .preview
{
    font-size: 4000;
    display: block;
    position: absolute;
    top: -0px;
    left: -0px;
    z-index: 10000;
}

.gallery
{
    width: 545px;
    position: relative;
    overflow: visible;
}

.gallery .thumb
{
    /*width: 163px;     height: 163px;*/
    width: 65px;
    height: 65px;
    float: left;
    text-align: center;
    margin: 0 15px 15px 0;
    position: relative;
    left: 1px;
}
.gallery .thumb img
{
    /*width: 163px;     height: 163px;*/
    width: 65px;
    height: 65px;
}

.picture
{
    width: 100%;
    position: relative;
    overflow: visible;
}

.picture img
{
}

.picture .pictureContent
{
    background-color: #F7F8FE;
}

.picture .pictureContent h4
{
    color: #25AFE1;
}

.picture .pictureContent a
{
    font-weight: bold;
}

.picture .pictureContent .description
{
    text-align:left;
    vertical-align:top;
    word-wrap:break-word;    
}

.picture .pictureAltView
{
    left: 0;
    margin-top: -195px;
    position: absolute;
    top: 0;
    z-index: 9999;
}

.picture .pictureAltView img
{
}

.picture .pictureAltView .altViewText
{
    text-align:left;
    vertical-align:top;
    word-wrap:break-word;    
}

.video
{
    width: 100%;
    position: relative;
    overflow: visible;
}
.audio
{
    width: 100%;
    position: relative;
    overflow: visible;
}
.flashVideo
{
    width: 450px;
    height: 295px;
    overflow: hidden;
}
/* TODO: Change size!! */

.postSeparator
{
    width: 80%;
    margin: 0 auto;
    height: 2px;
    border-top: dashed 3px #80D1E6;
}

.blockWrapper
{
    position: relative;
    overflow: visible;
    min-height: 95px;
    height: auto !important;
    height: 95px;
}
/*====================================*/

/* Calendar List view*/
.blockControls .edit-calander {
clear: both;
cursor: pointer;
display: block;
margin-bottom: 3px;
width: 30px;
float: left;
position:relative;
}
.blockControls .edit-calander div
{
width: 14px;
float: left;
position:absolute;
}
.blockControls .edit-calander .img2
{
 width: 14px;
    float: left;
 left:15px;
 position:absolute;
}
/* Calendar List view*/

.controls
{
    text-align: right;
}

.TabblockControls
{
    position: relative;
    overflow: visible;
    min-height: 95px;
    height: auto !important;
    height: 95px;
}
.TabblockControls
{
    position: absolute;
    top: 0px;
    right: -20px;
    width: 40px;
    height: 95px;
    border-top: dashed 1px #000;
    padding-top: 2px;
}
.TabblockControls .col
{
    float: left;
    width: 20px;
    height: 55px;
}
.TabblockControls .edit
{
    clear: both;
    cursor: pointer;
    display: block;
    margin-bottom: 3px;
}
.controls
{
    text-align: right;
}

.postTitleWrapper
{
    border-top: dashed 3px #80D1E6;
}
.postTitle
{
    font-weight: bold;
    font-size: 1.2em;
}

.searchResult img
{
    float: left;
    margin: 0 5px 5px 0;
}

.newComment
{
    border-top: solid 1px #80D1E6;
    padding: 5px 0;
    margin-top: 10px;
}
.newComment label
{
    float: left;
    clear: left;
    width: 150px;
}
.newComment input, .newComment textarea
{
    float: left;
    width: 200px;
}
.newComment textarea
{
    height: 100px;
}
.newComment span
{
    float: left;
    padding: 2px;
    margin-left: 10px;
    display: block;
}
.newComment a
{
    display: block;
    clear: both;
    text-align: center;
    font-weight: bold;
}

.comment
{
    border-top: solid 1px #80D1E6;
    clear: both;
    padding: 5px;
}
.comment .gravatar
{
    float: left;
    margin: 0 10px 10px 0;
}
.comment .poster
{
    font-weight: bold;
}
.comment .date
{
    padding: 0px 10px;
    font-size: 0.9em;
}
.comment .text
{
    padding: 15px 0;
}

.addNewPage
{
    text-align: center;
    padding: 20px;
    font-weight: bold;
}


/**** start by pranayesh *****/

.etabs
{
    margin: 0;
    padding: 0;
}
.tab
{
    display: inline-block;
    display: inline;
    border: solid 1px #999;
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}
.tab a
{
    text-decoration: none;
    font-size: 14px;
    line-height: 2em;
    display: block;
    padding: 0 10px;
    color: #224483;
    outline: none;
}
.tab a:hover
{
    background: #cedaf2;
    text-decoration: none;
}
.tab.active
{
    color: #FFF;
    border-color: #999;
}
.tab.active a
{
    color: #FFF;
    background: #234585;
    text-decoration: none;
}
.tab.active a:hover
{
    color: #224483;
    background: #cedaf2;
    text-decoration: none;
}
.tab-container .panel-container
{
    background: #fff;
    border-top: solid #666 1px;
    padding: 10px 0px 0px 0px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
}
.panel-container
{
    margin-bottom: 10px;
}

.icon_add
{
	background:url('/img/Sprite-image.png') 0px 0px no-repeat;
}

.icon_delete
{
	background:url('/img/Sprite-image.png') -160px -33px no-repeat;
}

.icon_edit
{
	background:url('/img/Sprite-image.png') -160px -82px no-repeat;
}


/*Information popup on hover: vaibhav */
.control-information img
{
    background: url('/img/information.png');
}

.information-popbox {
    display: none;
    position: absolute;
    z-index: 99999;
    width: 400px;
    padding: 10px;
    background: #EEEFEB;
    color: #000000;
    border: 1px solid #4D4F53;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
}
.information-popbox  h2
{
    background-color: #4D4F53;
    color:  #E3E5DD;
    font-size: 14px;
    display: block;
    width: 100%;
    margin: -10px 0px 8px -10px;
    padding: 5px 10px;
}
/*information popup ends*/


.TabblockControls {position:relative;overflow:visible;min-height:95px; height:auto !important; height:95px;} 
.TabblockControls {position:absolute; top:0px; right:-20px; width:40px; height:95px; 
    border-top:dashed 1px #000; padding-top:2px;}
.TabblockControls .col{float:left; width:20px; height:55px;}
.TabblockControls .edit {clear:both;cursor:pointer;display:block;margin-bottom:3px; }

/*vaibhav: 20,Sep.2013 Multicolumn */

.fpMultiColumn
{
    
}

.fpMultiColumn .blockControlsShiftLeft
{
    float:right;
    margin-right :50px;
}

.fpMultiColumn .multiColumnV2 .blockControls
{
      margin-right:0px;
}
.fpMultiColumn .blockControls .edit-multi-column
{
    clear: both;
    cursor: pointer;
    display: block;
    margin-bottom: 0px;
    width: 30px;
    float: left;
    position:relative;

}
    
.container
{
     text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.segment
{
    float:left;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.segment .controls
{
    vertical-align:bottom;
    padding-bottom:0px;
    padding-top:auto;
    margin-bottom:0px;
    margin-top:auto;
}

/* Calendar List view*/
.blockControls .edit-calendar {
clear: both;
cursor: pointer;
display: block;
margin-bottom: 20px;
width: 30px;
float: left;
position:relative;
}
.blockControls .edit-calendar div
{
width: 14px;
float: left;
position:absolute;
}
.blockControls. edit-calendar .smallCalendarControl
{
}
.blockControls .edit-calendar .bigCalendarControl
{
 width: 14px;
    float: left;
 left:19px;
 position:absolute;
 margin-top:1px;
}

.blockControls .edit-calendar .bigCalendarControl img
{
    width:15px;
    height:15px;
}


.calander-block div fieldset, .list-view div fieldset
{
	padding:5px!important;
}

/* Calendar List view*/

/*success message style*/

.divButtonMessage
{
    height:50px; 
    text-align:center;     
    position:relative;
}

.successMessage
{
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    color: green;
    background: white;    
}

.closePopupIcon
{
    position:absolute; 
    top:0;
    right:0;
    z-index:100;
}
