.previewPane
{
    background-color: #fff;
    height: 230px !important;
    width:370px !important;
}
.infoPane
{
    background-color: #fff;
    width: 370px !important
}
.infoPaneBg
{
    margin-top: 20px;
    background-color: #fff;
    background-image: url(~/Public/Theta/Gallery/grayBg.gif);
    background-repeat: no-repeat;
    height: 192px;
    width: 272px;
}
.imageDetailsHeader
{
    font: bold 16px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 5px;
}
.details
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-left: 30px;
    width: 230px;
    vertical-align: middle;
    margin-bottom: 4px;
}
.detailsTxtBox
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    height: 13px;
    border: solid 1px #ccc;
}
a.editBtns, a.editBtns:link, a.editBtns:visited, a.editBtns:active, a.editBtns:focus
{
    text-decoration: none;
    border: solid 1px #808080;
    display: inline-block;
    width: 50px;
    font: bold 11px Arial, Verdana, Helvetica, Sans-serif;
    text-align: center;
    margin-top: 4px;
    background-color: #e8e8e8;
    color: #808080;
}
a.editBtns:hover
{
    color: #3b3b3b;
}
.thumbsViewer
{
    background-color: #fff;
    background-image: url('../Public/Theta/Gallery/thumbsBg.gif');
}

.RotatorImage
{
    margin:0px 11px;
    cursor:hand;
    cursor: pointer;
}
.itemTemplate
{
    height:90px;
}
.PhotoGalleryPage {min-width: 780px; max-width: 1000px; height: 565px; margin:0 auto; text-align: center;
    background: #EEEEEE; font-family: Comic Sans MS, verdana, arial, sans-serif; font-size: 1.0em;}
.PhotoGalleryTop {width: 780px; height:72px; border: 1px solid #808080; background:#6699FF; text-align:center;}
.PhotoGalleryBottom {width: 780px; height:460px; border: 1px solid #808080; text-align:center; position: relative;}

.PGalleryContentArea {min-width: 780px; max-width: 1000px; height: 565px; margin:0 auto; text-align: center;
    background-image: url('ClassBackground.GIF') font-family: Comic Sans MS, verdana, arial, sans-serif; font-size: 1.0em; position: relative;}
.PGalleryRetBut {position: absolute; top: 10px; left: 310px;}    
.PGalleryHdg{position: absolute; top: 42px; left: 210px; z-index: 30;}
.PGalleryContentLine1 {width: 580px; height:  22px; position: absolute; top: 46px; left: 100px; margin: 0px; padding: 0px;} 
.PGalleryHolderLL1 {position: absolute; top: 0px; left: 50px; z-index: 20}
.PGalleryHolderCL1 {width: 370px; position: absolute; top: 0px; left: 90px;}
.PGalleryHolderRL1 {position: absolute; top: 0px; left: 460px;}
.PGalleryContentLine2 {width: 580px; height: 240px; position: absolute; top: 68px; left: 100px;margin: 0px; padding: 0px;} 
.PGalleryHolderLL2 {position: absolute; top: 0px; left: 50px; z-index: 10}
.PGalleryImageHolder  {width: 370px; height: 240px; background-color: White;position: absolute; top: 0px; left: 100px;}
.PGalleryHolderRL2 {position: absolute; top: 0px; left: 470px;}
.PGalleryContentLine3 {width: 580px; height: 38px;  position: absolute; top: 296px;left: 100px; margin: 0px; padding: 0px;}
.PGalleryHolderLL3 {position: absolute; top: 0px; left: 50px;}
.PGalleryHolderCL3 {width: 370px; position: absolute; top: 0px; left: 100px;}
.PGalleryHolderRL3 { position: absolute; top: 0px; left:468px;}
.PGalleryContentLine4 {width: 580px; height: 120px;  position: absolute; top: 336px;left: 100px; margin: 0px; padding: 0px;}
.PGalleryHolderLL41 {position: absolute; top: 0px; left:  0px;}
.PGalleryHolderLL42 {position: absolute; top: 0px; left: 50px;}
.PGalleryHolderCL41 {width: 370px; height:100px; position: absolute; top: 0px; left: 100px; background-color: White; }
.PGalleryHolderCL42 {width: 370px; height:18px; position: absolute; top: 100px; left: 100px; }
.PGalleryHolderRL4 {position: absolute; top: 0px; left:470px;}

.BodyCell div.radupload
{
	margin-left: 50px;
	width:350px;
}

.InputField
{
    width: 140px;
    border: solid 1px #cfcfcf;
    background: white;
    height: 17px;
    _width: 150px;
}

.ruInputs td
{
    padding: 3px 0;
}

.ruInputs label
{
	width: 70px;
	padding-right: 5px;
	text-align: right;
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
}

.ruInputs .AdditionalInputs label
{
	float: none;
}

.radupload .ruInputs .ruFakeInput
{
	margin-left: 0;
}

.ruInputs .checkboxContainer
{
	padding-left: 75px;
}

.ruInputs .checkboxContainer label
{
	text-align: left;
	padding-left: 5px;
	display: inline;
}

.RightCell span
{
	width: auto;
}
.FileDetails
{
    padding: 4px;
}

.FileDetails li
{
    clear: both;
}

.ruInputs li
{
    padding-top: 5px;
    padding-bottom: 5px;
}

table.AdditionalFields
{
	width: 732px;
	border: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	background: url('Img/BodyBg.gif') repeat-y;
}

table.AdditionalFields td
{
	vertical-align: top;
}

table.AdditionalFields td div.uploadedfiles
{
	background: #e7f9ff url('Img/ModuleBg.gif') no-repeat;
	border: 0;
	width: 240px;
	height: 100%;
	margin: 0;
}

table.AdditionalFields td div.uploadedfiles div
{
	margin: 0 16px;
	padding: 16px 0;
	font: bold 12px Arial;
	color: #a6cfe1;
}

table.AdditionalFields td.TopCell
{
	background: url('Img/Top.gif') no-repeat;
	height: 84px;
}

table.AdditionalFields td.BodyCell
{
	background: url('Img/Gradient.gif') no-repeat left bottom;
	height: 330px;
}

table.AdditionalFields .RightCell
{
	background: transparent url('Img/Gradient.gif') no-repeat right bottom !important;
	height: 100%;
}

table.AdditionalFields td.BottomCell
{
	background: url('Img/BottomBg.gif') no-repeat;
	height: 52px;
}

table.AdditionalFields td.BottomCell .RadUploadButton
{
	margin-left: 40px;
	margin-top: 11px;
}

table.AdditionalFields .RadUploadTable
{
	margin-left: 36px;
}

table.AdditionalFields .RadUploadTable td
{
	color: #4986b4;
}