body {
	background: #fff;
	font: 12px/1.75em Verdana, Tahoma, arial, sans-serif;
	color: #000000; 
	text-align: center;
	margin: 0 0 15px 0;	
}

/* links */
a, a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;		
}
a:hover {
	color: #383d44;
	background: inherit;
	padding-bottom: 0;
	border-bottom: 2px solid #dbd5c5;
}

a img, a img.preview {
border: none;
text-decoration: none;
}
a:link img, a:visited img, a:hover img {
border: none;
text-decoration: none;
}
/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 	
	color: #333;		
}
h1 {
	font-size: 160%;	
	font-weight: normal;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;	
}
h3 {
	font-size: 130%;	
}

h1, h2, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

/* start - table */
table {
	border-collapse: collapse;
}
th strong {
	color: #fff;
}
th {
	background: #e7e6e6 url(images/button.jpg) repeat-x;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
td.first {
	padding-left: 12px;
	text-align: left;
	color: #333;
	font-weight: bolder;
	
}

th.first {
	border-left: 0px;
}
td.row-a {
	background: #F9F9F9;
}
td.row-b {
	background: #EFEFEF;	
}
td.row-d {
	background:  #6699FF;		
}

tr.row-a {
	background: #F9F9F9;
}
tr.row-b {
	background: #EFEFEF;		
}
tr.row-c {
	background: #E0E0E0;		
}
tr.row-d {
	background:  #6699FF;		
}

p.row-c {
	background: #E0E0E0;		
}
/* end - table */

/* form elements */
form {
	margin:10px; padding: 0 5px;
	background: #fff;	
}
label {
	/*display:block;*/
	/*font-weight:bold;*/
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid gray;
	font: normal 1em Verdana, sans-serif;
	color:Black;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid gray;
	height:100px;
	display:block;
	color:Black;
}

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #333;
	background: #e7e6e6 url(images/button.jpg) repeat-x;
	border: 1px solid #dadada;
}
.buttons {
    float: left;
    padding-bottom: 20px;
    clear: both;
}
a.button {
    color: #6e6e6e;
    font: bold 10px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.big {
    font-size: 16px;
    padding: 10px 15px;
}
a.norm {
    font-size: 14px;
}
a.supersize {
    font-size: 20px;
    padding: 15px 20px;
}
a.save {
    background: url(images/sprite.png) 10px 7px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.add {
    background: url(images/sprite.png)  10px -27px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.delete {
    background: url(images/sprite.png)  10px -61px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.edit {
    background: url(images/sprite.png)  10px -96px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.cancel {
    background: url(images/sprite.png)  10px -123px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.next {
    background: url(images/sprite.png)  53px -155px no-repeat #f3f3f3;
    padding-right: 25px;
}
a.prev {
    background: url(images/sprite.png)  10px -178px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.word {
    background: url(images/sprite.png)  10px -206px no-repeat #f3f3f3;
    padding-left: 30px;
}

a.save-big {
    background: url(images/sprite.png) 15px 11px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.add-big {
    background: url(images/sprite.png)  15px -23px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.delete-big {
    background: url(images/sprite.png)  15px -57px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.edit-big {
    background: url(images/sprite.png)  15px -92px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.cancel-big {
    background: url(images/sprite.png)  15px -123px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.next-big {
    background: url(images/sprite.png)  15px -163px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 1010px;	
	margin: 0 auto;
	text-align: left;
	background: #fff url(images/content.jpg) repeat-y center top;
}
#content-wrap {
	float: left;
	width: 950px;
	margin-left: 30px;
	display: inline;
	padding: 0; 	
	border-top: 5px solid #fff;
	background: #fff;
}
#header {
	position: relative;
	background: #fff url(images/header-bg.jpg) repeat-y center top;
	height: 20px;
	width:1010px;	
	padding: 0;	
	color: #fff;	
}

/* header links */
#header #header-links {
	position: absolute;
	top: 1px; right: 45px;	
	color: #838181;
	font-size: 10px;	
	font-weight: bold;
}
#header #header-links p {	
	padding: 0;	margin: 0;	
}
#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}

/* header-photo */
#header-photo {
	position: relative;
	clear: both;
	margin: 5px auto;
	height: 155px;
	width: 950px;
	background: #fff url(images/header-photo.png) no-repeat center center;
}
#header-photo h1#logo-text {
	position: absolute;
	margin:  0; padding: 10px 0 0 160px;
	font: bold 20px "Letterica","Helvetica","Arial",sans-serif;
	color: Black;
	text-transform: none;
	text-decoration: none;
	border: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 30px;	
}

#header-photo h2#DcName {
	position: absolute;
	margin:  0; padding: 10px 0 0 60%;
	font:  14px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: uppercase;
	color: #808080;
	top:70px;
}

/* Navigation */
#nav {
	clear: both;	
	padding: 120px 0 0 120px;	
			
}
#nav ul {
	float: left;
	list-style: none;
	width: 950px;		
	padding: 0;	margin: 0 0 0 30px;
	height: 45px;
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0  15px 0 0;	
	border-bottom: none;
	color: #5581c4;
	font: bold 14px "Letterica","Helvetica","Arial",sans-serif;
	text-transform:uppercase;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #326ea1;
}
#nav ul li#current a {	
	background: #DBDBDB url(images/nav-current.jpg) repeat-x;		
}


/* Main Column */

.two-col #main {
	margin: 2px 5px 0 200px;
}

#main h1 {
	margin: 10px 10px 0 10px;
	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
	color: #000000;
	padding: 0 0 2px 0px; 		
	border-bottom: 1px solid #dadada;
}

.two-col #main-2 {
	margin: 2px 5px 0 10px;
}

#main-2 h1 {
	margin: 10px 10px 0 10px;
	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
	color: #000000;
	padding: 0 0 2px 0px; 		
	border-bottom: 1px solid #dadada;
}
/* Sidebar */	
#sidebar {
	float: left;
	width: 195px;	
	margin-top: 15px;	
}	
 #sidebar h1 {
	margin: 10px 5px 0 5px;
	padding: 5px 5px; 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444; 		
}

/* sidemenu */
ul.sidemenu {
	text-align: left;
	margin: 7px 8px 8px 10px; padding: 0;			
	border-top: 1px solid #E5E5E5;
	text-decoration: none;	
}
ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
	border-bottom: 1px solid #E5E5E5;
}
* html body ul.sidemenu li {
	height: 1%;
}
ul.sidemenu li a {
	text-decoration: none;	
	color: #326ea1; 
	border: none;		
}
ul.sidemenu li a:hover {	
	color: #383d44;
	border: none;
}

/* footer-wrap */
#footer-wrap {
	clear: both;
	width: 1010px;
	font-size: 95%;
	padding: 20px 0;
	text-align: left;	
	background: url(images/footer-bottom.jpg) no-repeat center bottom;	
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap p {
	padding: 10px 0;
}
#footer-wrap h2 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
}

/* footer */
#footer {
	clear: both;
	color: #666;	
	margin: 0 auto 10px auto; 
	width: 950px;
	padding: 5px 0;
	text-align: center;
	background: #F8F7F7;
	border-top: 1px solid #F2F2F2;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/* post */
.post-by {
	font-size: .95em;	
	padding-top: 0;
}
.post-footer {
	background: #F5F5F5;
	padding: 5px; margin: 20px 10px 0 10px;	
	font-size: 95%;	
	color: #666666;	
}
.post-footer .date{
	margin: 0 10px 0 5px;	
}
.post-footer a.comments {
	margin: 0 10px 0 5px;	
}
.post-footer a.readmore {
	margin: 0 10px 0 5px;	
}



.submitButton
{
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
}
.f-right {float:right !important; padding-bottom: 10px;}

.txtCenter {
	text-align:center;
	padding:2px;
	font: normal 2em Verdana, sans-serif;
	border:1px solid #eee;
	color:#777;
}

.LabelsForFields
{	

    border-style:none;
    color: #161616;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: normal;	
}
 
.popupHover td{
	background-image:url(/images/item_area.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#E0E0E0;
}
.popupMenuPanel
{   background-image:url(/images/item_area_menu.png);
   
     background-attachment:fixed;
	background-repeat:repeat-x;  
	position:absolute;
	padding:5px;
	border-style:outset;	 
	border-width:2px;
	border-color:#c6f9fe;
 }

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
 
}
.callbackStyle {
	border:thin blue inset;		
}
.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
	 
}

.itemArea
{  border:1px solid silver;
    background-image:url(../images/item_area.png);
    background-repeat:repeat-x;
	width:100%;
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}
.ImageForColorPicker
{
    float:left;
    margin:0 3px;
    
}

.dragHandle {
	width:32px;
	height:32px;	
	background-image:url(../images/bg-menu-main.png);
	cursor:url(../images/CurrentHand.cur);

}

.reorderListWithoutLi li {
	list-style:none;
    margin:10px; 
  
	
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:550px;
	Height:500px;
}

.modalPopup100 {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:500px;
	Height:100px;
}
.modalPopupA {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:500px;
	Height:auto;
}
.modalPopup p {
    padding: 0px;
}
	
	.dynamicmenustyle 
    {
        background-color:#F4F4F4;
        color: #32639A;
        border-bottom: 1px solid #E9E8DD;
    }






/*For accordion*/
.accordionHeader
{
    border: 1px solid #2F4F4F; 
    color: white;
    background-color: #959595;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;	
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderHref
{
    border: 2px solid #2F4F4F; 
    color: white;
    background-color: #959595;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;	
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
#master_content .accordionHeader a
{
	  color: white;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #a6a6a6;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
  color: white;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{  color: white;
	background: none;
	text-decoration: underline;
}

.accordionContent
{      color: white; 
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.accordionContentDefault
{      color: #787878; 
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/*End */
.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.InputTextBoxes
{	
   margin-top: 10px;
   border : 3px solid #cfd3d4;
   border-width:1px;
    color: Black;
    background-color: #f7fcfe;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: normal;	
}
 .InputTextBoxes td {
	padding-left: 0px;
	padding-right: 0px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.InputTextBoxesReadOnly
{	

   border : 3px solid #cfd3d4;
   border-width:1px;
    color: #939393;
    background-color: #edebeb;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: normal;	
}
.modalPopUPBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*PanelModalPopUP*/
.PanelmodalPopup {
    border: 3px solid #2F4F4F;
    color: white;
    background-color: #6caee2;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;	
    padding: 2px;
    margin-top: 1px;
    cursor: pointer;
}
.cal_Theme .ajax__calendar_container   {
    background-color: #e2e2e2; 
    border:solid 1px #cccccc;
}

.cal_Theme .ajax__calendar_header  {
    background-color: #ffffff; 
    margin-bottom: 4px;
}

.cal_Theme .ajax__calendar_title,
.cal_Theme .ajax__calendar_next,
.cal_Theme .ajax__calendar_prev    {
    color: #004080; 
    padding-top: 3px;
}

.cal_Theme .ajax__calendar_body    {
    background-color: #e9e9e9; 
    border: solid 1px #cccccc;
    height:215px; width:170px;
}

.cal_Theme .ajax__calendar_dayname {
    text-align:center; 
    font-weight:bold; 
    margin-bottom: 4px; 
    margin-top: 2px;
}

.cal_Theme .ajax__calendar_day {
    text-align:center;
}

.cal_Theme .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme .ajax__calendar_active  {
    color: #004080; 
    font-weight: bold; 
    background-color: #ffffff;
}

.cal_Theme .ajax__calendar_today   {
    font-weight:bold;
}

.cal_Theme .ajax__calendar_other,
.cal_Theme .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}



/*Reorder List*/
.ReorderListDragHandle {
	width:10px;
	height:15px;
	cursor:move;
	border:outset thin white;
}

.ReorderListCallbackStyle {
	border:thin blue inset;		
}

.ReorderListCallbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.divReorderList li {
	list-style:none;
	margin:2px;
	color:Black;
}

.ReorderListDragVisualContainer li  {
    list-style:none;
	color:#FFF;
}

.ReorderListCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.ReorderListItemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}


.WarningMessage
{
    padding-left: 50px;
    font-size: smaller;
    color: Red;
}
.WarningMessageRegular
{
    padding-left: 3px;
    font-size: smaller;
    color: Red;
}

.postinfo
{
   font-weight: bold;
   text-align: center;
   border: 3px solid #e7e6e6;
   background-color :#e7e9e0;
}

.posttitle
{
   border: 3px solid #e7e6e6;
   color: black;
   font-weight: bold;
   width:96%;
}

.postbody
{
   padding: 15px;
   background-color: #F9F9D9;
}


/*sortable List*/
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.sortable { list-style-type: none; margin: 0; padding: 0; width: 99%;  font-family:Arial, Verdana, sans-serif; }
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: small;  height: auto; text-align:justify; }
.sortable li span { position: absolute; margin-left: -1.3em; }
.sortable li label { cursor:move; }