﻿/*layout oriented classes*/
body
{
    font-family:Tahoma;
    font-size:12px;
    background-color:#746560;
    
}
a{text-decoration:none;}
.clear{clear:both;}
#header
{
    background:url(../images/header.png) repeat-y top center;
    width:980px;
    height:190px;
}
#wrapper
{
    position:relative;background-color:#746560;margin:0px auto;
}
#container
{
    position:relative;margin:0px auto;width:980px;background-color:#E8E2D4;height:100%;
}
.content
{
    height:100%;background-color:#E8E2D4;min-height:500px; color:#76625B;
}
.inner-box,.inner-box-heading
{
    background-color:white;
    border:1px solid silver;
    padding:20px;
    margin:20px;
    width:92%;
    height:100%;
}
#footer
{
    height:50px;
    width:970px;
    margin:0px auto;
    margin-bottom:10px;
    background-color:#ffffff;
    border:1px solid #C1BDB4;
    text-align:center;
    padding-top:3px;
    color:#76625B;
    
}

#footer a {color:#76625B;text-decoration:underline;}

/*page specific classes*/
.logo-div
{
    position:relative;
    top:15px;
}
.logo
{
    display:block;
    position:relative;
    left:50px;
    height: 108px;
    width: 331px;
}
.heading-caption
{
    display:block;
    float:left;
    text-align:right;
    position:relative;
    top:-10px;
    left:110px;
    font-weight:bold;
    
}
.loginpage
{
    background-color:#746560;
    color:#76625B;
}
.homepagedescription
{
    padding:0px 10px;
    font-weight:bold;
    line-height:20px;
}
#button-div
{
    position:relative;
    left:100px;
}

.mnuMainMenu
{
    width:960px;
    padding:15px 10px;
    border-top:1px solid #2F2822;
    border-bottom:1px solid #2F2822;
    background:url(../images/menubg.png);
    color:white;
    position:relative;
    top:20px;
}
.mnuMainMenu ul li a
{
    color:#E2D9BA;
}
.mnuMainMenu ul li a.aspNetDisabled, .mnuMainMenu ul li a.aspNetDisabled:hover
{
  color:Gray;
}
.mnuMainMenu ul li
{
    padding:5px 0px; font-size:12px; color:White;  background:transparent url(../images/sep.png) no-repeat top right; 
    color:White;min-width:130px;width:auto;text-align:center;padding-left:10px;padding-right:10px
 }
.mnuMainMenu ul li ul li
{
    display:block;
    position:relative;
    top:15px;
    background:url(../images/menulibg.png) repeat top left;
    border-bottom:solid 1px white;
}
.mnuMainMenu ul li ul li ul li
{
    display:block;
    position:relative;
    top:0px;
}
.mnuMainMenu ul li a:hover,.mnuMainMenu ul li ul li a:hover
{
    color:Orange;
    font-weight:bold;
}
#welcome-admin
{
    position:absolute;
    top:100px;
    right:50px;
    float:right;
    text-align:center;
}   

.dashboard-notifications
{
    border:1px solid #C5BDB2;
    background-color:#FFFCD3;
    padding:5px;
    margin:0px 10px;
}

.dashboard-notifications-feedback
{
    border:1px solid #C5BDB2;
    background-color:#FFFCD3;
    padding:5px;
    margin:0px 10px;
}
.dashboard-notifications-expiringsubscription
{
    border:1px solid #9CAB5A;
    background-color:#E7F995;
    padding:5px;
    margin:0px 10px;
}
.dashboard-notifications-videorequest
{
    border:1px solid #92B7CA;
    background-color:#D5EAFB;
    padding:5px;
    margin:0px 10px;
}
.dashboard-notifications-changeplan
{
    border:1px solid #C5BDB2;
    background-color:#FFFCD3;
    padding:5px;
    margin:0px 10px;
}

/*common classes*/
.form-column
{
    width:100%;
    margin:0px auto;
    clear:both;
    padding:10px;
}
.centertext
{
  text-align:center;
}
.form-caption-medium
{
    float:left;
    padding-top:5px;
    padding-right:10px;
    vertical-align:middle;
    text-align:right;
}
.form-entrybox-medium
{
    float:left;
    width:150px;
}
.form-entrybox-large
{
    float:left;
    width:250px;
}
.form-entrybox-xlarge
{
    float:left;
    width:70%;
    height:auto;
}

.button
{
    border:none;
}
.button:hover
{
    cursor:pointer;
}
.contentbox
{
    padding:10px;
}
.grid 
{
    border: 1px solid #b8b4ab;
}
.grid tr
{
    height:30px;
    padding:5px;
}
.grid tr td
{
    border: solid 1px #c0bfba;
    padding:5px;
    text-align:left;
    background-color:White;
}
.grid th
{
    background-color:#eddfbe;
    text-align:left;
    color:#906f5c;    
    font-weight:bold;
    padding:5px;
}
.grid .grid-pager td
{
     background-color:#f6f3ec;
     padding:5px;
     border:none;
}

.grid-pager td table
{
     float:right;
    background-color:#f6f3ec;
}
.grid .grid-pager td table tr 
{
    height:0px;
}
.grid-pager td table tr td a 
{
    text-align:left;
    color:#906f5c;    
    font-weight:bold;
    text-decoration:none;
    width:0px;
    height:0px;
}
.checkbox_datagrid
{
    margin-top:20px;  
    padding-top:20px;
}
.gridactionbutton
{
    background-color:#9e8d86;
    color:White;
    font-weight:bold;
    border: 1px solid #74746a;
}
.commonbutton
{
    background-color:Orange;  color:White;
    font-weight:bold;
    border: 1px solid #e7701c;
}
.gridlink1
{
    padding:5px;
    display:block;
    background-color:#fffcd3;
    color:#75635f;
    border:1px solid #bebdab;
    text-align:center;
    height:15px;
}
.gridlink2
{
    padding:5px;
    background-color:#e7f995;
    color:#7a7f23;
     border:1px solid #9cac53;
     display:block;
    text-align:center;
    height:15px;
     
}
.gridlink3
{
    padding:5px;
    background-color:#d5eafb;
    color:#4b5eaa;
     border:1px solid #94b0c5;
       display:block;
    text-align:center;
    height:15px;
    
}
.gridlink1:hover,.gridlink2:hover,.gridlink3:hover
{
    text-decoration:underline;
}

.radiobuttonlist tr td
{
    padding-right:35px;
    text-align:left;
}
.watermarkclass
{
    color:Gray;
}
.panel
{
    background-color:White;
    border:1px solid gray;
    padding:20px;
    padding-right:50px;
    position:relative;
    top:100px;
    -webkit-box-shadow: 0px 0px 5px 15px silver; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     box-shadow: 0px 0px 15px 5px silver; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}
#divMessage
{
    position:absolute;
    top:123px;
    left:400px;
    text-align:center;
}
.timermessage
{
    padding:5px;
    font-weight:bold;
    border: 1px solid #f0c36d;
    background-color:#f9edbe;
}

*.modalPopup {
	border: 3px solid White;
    background-color:#dbdbdb;
	padding:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
  border-radius: 3px;
}

.modalpopupheading
{
    font-size:13px;
    font-weight:bold;
    padding:5px;
    display:inline-block;
    text-align:left;
}

input[type="submit"]:disabled
{
  background:#dddddd;
  color:Gray;
  cursor:default;
}

input[type="submit"]
{
    background-color:#9e8d86;
    color:White;
    font-weight:bold;
    border: 1px solid #74746a;
    cursor:pointer;
}

/**************************************************************************************************/
/************************************** Reorder list
/**************************************************************************************************/
.CssReorderList
{
  width:99%;
}

.CssReorderList ul
{
  padding:0px;
}
.CssReorderList li {
    list-style: none;
    margin: 2px;
    background-color:#E8E2D4;
    color:#76625B;
}

.CssReorderList li a {
    color: #000000 !important;
    font-weight: bold;
}

.CssItemArea {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    margin-left: 5px;
    text-align: left;
}

.CssItemArea a
{
  color:Black;
  float:right;
}
.CssReorderCue {
    border: dashed thin white;
    height: 25px;
    width: 100%;
}

.CssDragHandle {
    background-color: #746560;
    border: outset thin white;
    cursor: move;
    height: 20px;
    width: 30px;
}
.container
{
  width:97%;
  background-color: #E8E2D4;
  padding:10px;
}
.colone, .coltwo,.colthree
{
  text-align:center;
  float:left;
  border:1px solid gray;
  padding:10px;
  display:block;
  padding-left:10px;  
  margin-top:20px;
  margin-bottom:20px;  
    background-color:#E8E2D4;  
}

.colthree
{
  width:40%;
}
.colone
{
  width:55%;
}
.coltwo
{
  width:5%;
  vertical-align:middle;
  border:none;
  text-align:center;
  padding:10px;
  background-color:transparent;
}

.colone ul
{
    text-align:left;
    
}
.colone ul li
{
  width:99%;
}
.colone ul li a
{
  color:#FF831A;
  cursor:pointer;
  float:right;
}
.buttoncol
{
  width:100%;
  text-align:center;
  margin-bottom:20px;  
  border:1px solid gray;
  padding-top:10px;
  padding-bottom:10px;
}
.searchpanel
{
  text-align:left;
  padding-left:10px;
  width:98%;
}
.searchpanel span, .searchpanel input, .searchpanel input[type="submit"]
{
  margin:5px;
}

.sectionheading
{
  font-size:15px;
  color:Orange;
  font-weight:bold;
  padding-bottom:1px;
  border-bottom: 1px solid gray;
  margin-bottom:10px;
  height:20px;
}

.itemContainer
{
  width:99%;
}
.itemArea 
{
  width:16%;
  float:left;
  text-align:center;
  margin:3px;
}
.itemArea img
{
  width:99%;
}
.photocontainer {
padding: .5em 0.5em 0.5em 0.5em;
margin: 0 .2em 0 0;
/* background: #E3DEDB; */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 1px solid gray;
text-align: center;
}
.searchcontainer
{
  width:100%;
  padding:10px;
  vertical-align:middle;
  text-align:left;
}
