@import url('Default.css');

/* Icons */
.Edit { background-image: url("../../Assets/Images/Icons/Edit.gif"); }
.Delete { background-image: url("../../Assets/Images/Icons/Delete.gif"); }
.DeletePassive { background-image: url("../../Assets/Images/Icons/DeletePassive.gif"); }
.Active { background-image: url("../../Assets/Images/Icons/Active.gif"); }
.Passive { background-image: url("../../Assets/Images/Icons/Passive.gif"); }
.Back { background-image: url("../../Assets/Images/Icons/ArrowLeft.gif"); }
.Next { background-image: url("../../Assets/Images/Icons/ArrowRight.gif"); }
.Up { background-image: url("../../Assets/Images/Icons/ArrowUp.gif"); }
.Down { background-image: url("../../Assets/Images/Icons/ArrowDown.gif"); }
.Read { background-image: url("../../Assets/Images/Icons/Read.gif"); }
.NotRead { background-image: url("../../Assets/Images/Icons/NotRead.gif"); }
.Send { background-image: url("../../Assets/Images/Icons/Send.gif"); }
.AddMessage { background-image: url("../../Assets/Images/Icons/AddMessage.gif"); }
.Male { background-image: url("../../Assets/Images/Icons/Male.gif"); }
.Female { background-image: url("../../Assets/Images/Icons/Female.gif"); }
.Send { background-image: url("../../Assets/Images/Icons/Send.gif"); }
.Magnifier { background-image: url("../../Assets/Images/Icons/Magnifier.gif"); }
.Calendar { background-image: url("../../Assets/Images/Icons/Calendar.gif"); }
.Search { background-image: url("../../Assets/Images/Icons/Search.gif"); }
.Close { background-image: url("../../Assets/Images/Icons/Close.gif"); }
.NewMessage { background-image: url("../../Assets/Images/Icons/NewMessage.gif"); }
.Transmit { background-image: url("../../Assets/Images/Icons/Transmit.gif"); }
.Add { background-image: url("../../Assets/Images/Icons/Add.gif"); }
.Update { background-image: url("../../Assets/Images/Icons/Update.gif");}
.UserMale {background-image: url("../../Assets/Images/Icons/UserMale.gif");}
.UserFemale {background-image: url("../../Assets/Images/Icons/UserFemale.gif");}
.Display { background-image: url("../../Assets/Images/Icons/Display.gif"); }
.DisplayShow { background-image: url("../../Assets/Images/Icons/DisplayShow.gif"); }
.Anchor { background-image: url("../../Assets/Images/Icons/Anchor.gif");}
.Relate { background-image: url("../../Assets/Images/Icons/Relate.gif");}
.Comment {background-image: url("../../Assets/Images/Icons/Comments.gif");}
.Key {background-image: url("../../Assets/Images/Icons/Key.gif");}

ul.HorizontalAdminMenu li {
	display: inline;
	list-style-type: none; 
	padding: 0 5px 0 4px;
	margin: 0;
}

ul.VerticalAdminMenu li {
	list-style-type: none; 
	padding: 0 5px 0 4px;
	margin: 0;
}

/* Data List */
.DataList {
	text-decoration: none;
	width:100%;
}
.DataList tr.head td {
	font-weight: bold;
	padding: 2px 4px;
	color: #000000;
	border-bottom: solid 2px #999999;
}

.DataList tr.item td 
{
	padding: 2px 4px;
	border-bottom: solid 1px #cccccc;
	color: #000000;
	background: #eeeeee;
}

.DataList tr.itemDetail td 
{
	padding: 2px 4px;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	color: #000000;
	background: #eeeeee;
}

.DataList tr.itemHeader td 
{
	padding: 2px 4px;
	border-bottom: solid 1px #cccccc;
	color: #000000;
	background: #FFFFFF;
}

.DataList tr.footer td {
	padding: 2px 5px;
	color: #000000;
	background: #e8e8e8;
}
.ComboBox {
	font-family : Tahoma;
	padding:2px 2px ;
	color :#000000;
	font-weight:bold;
}

div#AdminHeader{
    /*background: #FFFFFF url('Layout/Logo.gif') no-repeat;
    background-position: 18px 2px;
    height: 100px;*/
  background: #FFFFFF url('Layout/HeaderBg.gif') no-repeat; 
	height: 235px;
}

div#AdminHeaderUser{
    text-align:right;
    font-weight:bold;
    margin-right:20px;
    padding-top:20px;
    margin-left:20px;
}

div#AdminContent
{
    background: #FFFFFF;
	padding: 10px;
}

div#AdminColumnAlfa
{
    width: 150px;
    float: left;  
    background: #E8E8E8;
    margin-right: 10px;
}

div#AdminColumnBeta
{
    width: 770px;
    float: left;
}

div#AdminContent h2 {
    font-size: 12px;
    background: #941415;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
    padding:3px 10px;
    line-height: 1.3em;
    border: 0;
}

div#AdminFooter
{
    padding:0;
    margin:0;
}

div#AdminContent a.Button{
	color:#333333;
	font-size:0.9em;
	font-weight:bold;
	padding:3px 3px 3px 24px;
	text-decoration:none;
	background-color: #EEEEEE;
	background-position:3px 50%;
	background-repeat:no-repeat;
	border:2px solid #CCCCCC;
}

div#AdminContent a.Icon{
    text-decoration: none;
    text-indent: -2000px;
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

div#AdminContent h2 {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding:3px 10px;
    line-height: 1.3em;
    border-bottom: 1px solid #4F6B79;
}

div#AdminContent h3 {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding:3px 10px;
    line-height: 1.3em;
    margin-top: 10px;
}

/* FORM */

.LabelText
{
    color: #000000;
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}

.ButtonGroup
{
    padding: 4px 0;
}

.Big
{
    font-size: 1.3em;
    font-weight: bold;
}

.TextBox
{
    width: 100%;
    background: #FFFFFF;
    padding: 2px;
    border: 1px solid #999999;
}

.TextBox2
{
    width: 60%;
    background: #FFFFFF;
    color: #4F6B79;
    padding: 2px;
    border:1px solid #4F6B79;
}


/* Admin Menu */
ul#AdminMenu {
	margin: 0;
	padding: 0;
}

ul#AdminMenu li {
    margin: 3px 3px;
	/*border-right: 1px solid #666666;*/
}

ul#AdminMenu li.Last {
	border: 0;
}

ul#AdminMenu li a,
ul#AdminMenu li a:link,
ul#AdminMenu li a:visited, 
ul#AdminMenu li a:active,
ul#AdminMenu li a:hover
{
	font-size: 11px;
	font-weight: normal;
	color: #376476;
	text-decoration: none;
	padding-bottom: 3px;
}

div#CheckBoxPanel input
{
    margin: 0 5px 0 15px;    
}
div#CheckBoxPanel label
{
    color: #000000;
}

table#ctl00_ContentPlaceHolder1_MainRadioButtonList
{
    color: #000000;
}

table#ctl00_ContentPlaceHolder1_MainRadioButtonList input
{
    color: #000000;
    margin: 0 5px 0 10px;    
}

/*Reorder List*/
.ClsDragHandle 
{
	background-image    :url('Layout/DragHandle.gif');
	background-color	:#fAf9f8;
	border				:thin outset white;
	cursor				:move;
	height				:15px;
	width				:20px;
	background-repeat	:no-repeat;
	background-position :center;	
}
.ClsCallbackStyle 
{
	border				:thin inset blue;
}
.ClsCallbackStyle table 
{
	background-color	:#5377A9;
	color				:Black;
}
.ClsReorderListContainer
{
	width: 80%;
	font-size:8pt;
}
.ClsReorderListContainer li 
{
	background-repeat	:repeat-x;	
	list-style-image	:none;
	list-style-position	:inside;
	list-style-type		:none;
	margin				:2px;
}
.ClsReorderListContainer li a 
{
	color			:#000000 !important;	
}

.ClsReorderCue 
{
	border		:thin dashed black;
	height		:25px;
	width		:100%;
}
.ClsItemArea 
{
	margin-left	:0px;
	text-align:	left;
	background	:#f7f6f3;
	width		: 100%;
}

.ClsItem
{
	color: #000000;
}




/*Vertical Menu*/
ul.GlossyMenu {
	margin: 15px 0 0 30px;
    padding: 0;
    width: 140px;
    list-style-type: none;
    z-index: 1;
}

ul.GlossyMenu li {
    padding:0;
    margin: 0;
    position: relative;
}

ul.GlossyMenu li a,
ul.GlossyMenu li a:link,
ul.GlossyMenu li a:visited, 
ul.GlossyMenu li a:active,
ul.GlossyMenu li a:hover
{
    font-size: 14px;
	font-weight: bold;
	color: #595959;
	text-decoration: none;
	display: block;
	padding: 5px 0 3px 10px;
}


ul.GlossyMenu li ul
{
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 120px;
    position: absolute;
    display: none;
    background: #E8EFF6;
    border: solid 1px #B0D1F3;
    list-style-type: none;
    z-index: 1000;
}

ul.GlossyMenu li ul li{
    /*float: left;*/
    padding: 0;
    margin: 0;
}

ul.GlossyMenu li ul li a,
ul.GlossyMenu li ul li a:link,
ul.GlossyMenu li ul li a:visited, 
ul.GlossyMenu li ul li a:active,
ul.GlossyMenu li ul li a:hover
{
    font-size: 14px;
	font-weight: bold;
	color: #595959;
	text-decoration: none;
	display: block;
	padding: 5px 0 3px 10px;
}

ul.GlossyMenu .arrowdiv{
    position: absolute;
    right: 10px;
    background: transparent url('Layout/MenuArrow.gif') no-repeat center right;
}

/* Holly Hack for IE \*/
* html ul.GlossyMenu li { float: left; height: 1%; }
* html ul.GlossyMenu li a { height: 1%; }
/* End */

/* QuestionControl */
table.QuestionAnswerOptionsList
{
  text-decoration: none;
	width:100%;
}

table.QuestionAnswerOptionsList label
{
    padding: 0 8px 0 3px;
    display: inline;
    font-weight: normal;
}

table.QuestionAnswerOptionsList td
{
  padding: 2px 4px;
  border-bottom: solid 1px #cccccc;
	color: #000000;
	background: #eeeeee;      
}

table.QuestionAnswerOptionsList input
{
    margin: 0 5px 0 15px;
}