/* LOGIN */
.loginarea {
    background: none repeat scroll 0 0 #fff;
/*    border: 5px solid white;
    box-shadow: 0 0 1px rgba(37, 62, 81, 0.8);
*/
    padding: 15px 15px 40px 15px;
	height: 100px;
    max-width: 300px;
}
    .inputgroup     {vertical-align:bottom; margin:10px 0px 10px 0px;}
    .inputlabel     {display:inline-block; width:120px;}
    .inputtextbox   {display:inline-block; font-size:10pt;}
	.loginbutton         {-webkit-appearance: none; -webkit-border-radius:0; font-family:'Verdana',sans-serif; margin:10px 10px 0px 0px; font-size:11px; float:right;color:#fff;border:0px solid #666666; padding:5px 10px 5px 10px; background-color:#666; text-decoration:none}
	.loginbutton:hover   {background-color:#333; color:White; cursor:pointer;float:right; text-decoration:none}
    .loginerror     {color:Red;  font-size:10pt; font-family:'Verdana', sans_serif;}


/* BUTTONS */
.rightbutton          {font-family:'Verdana',sans-serif; font-weight: normal; font-size:11px; float:right;color:#fff;border:0px solid #666666; padding:7px 10px 6px 10px; background-color:#666;margin-top:0px;  text-decoration:none}
.rightbutton:hover    {background-color:#333; color:White; cursor:pointer;float:right; text-decoration:none}
.aspbutton          {-webkit-appearance: none; color:#FFF!Important;  -webkit-border-radius:0; font-family:'Verdana',sans-serif; font-size:11px; border:0px solid #666666;padding:5px 10px 5px 10px; background-color:#666;margin-right:15px; text-decoration:none}
.aspbutton:hover    {background-color:#333; color:White; cursor:pointer; text-decoration:none}
.asprightbutton         {-webkit-appearance: none; -webkit-border-radius:0; font-family:'Verdana',sans-serif; font-size:11px; float:right;color:#fff;border:0px solid #666666; padding:5px 10px 5px 10px; background-color:#666; text-decoration:none}
.asprightbutton:hover   {background-color:#333; color:White; cursor:pointer;float:right; text-decoration:none}
.smallbutton          	{font-family:'Verdana',sans-serif; float:left; font-size:11px; color:#fff; border:0px solid #666666;padding:3px 5px 3px 5px; background-color:#ccc;margin-right:15px; margin-top:0px; text-decoration:none}
.smallbutton:hover      {font-family:'Verdana',sans-serif; float:left; font-size:11px; color:#fff; border:0px solid #666666;padding:3px 5px 3px 5px; background-color:#666;margin-right:15px; margin-top:0px; text-decoration:none}
.loginbutton         {-webkit-appearance: none; -webkit-border-radius:0; font-family:'Verdana',sans-serif; margin:10px 10px 0px 0px; font-size:11px; float:right;color:#fff;border:0px solid #666666; padding:5px 10px 5px 10px; background-color:#666; text-decoration:none}
.loginbutton:hover   {background-color:#333; color:White; cursor:pointer;float:right; text-decoration:none}
.adminbutton          {font-family:'Verdana',sans-serif; float:left; font-size:11px; font-weight: normal; color:#fff!Important; border:0px solid #666666;padding:6px 10px 6px 10px; background-color:#666;margin-right:15px; margin-top:0px; text-decoration:none}
.adminbutton:hover    {background-color:#333; color:White; cursor:pointer; text-decoration:none}

.iphelp	{margin-left:5px;cursor:pointer;}



.divtable   {border:1px solid #000; display:block;}
.headerrow      {height:24px; padding:5px; background-color:#000; color:White; font-weight:bold;}
.row0           {height:28px; background-color:#fff; display:block; padding:8px 5px 5px 5px;}
/*    .row0:hover     {background-color:#fff; cursor:pointer;}
*/
.row1           {height:24px; background-color:#eee; display:block; padding:8px 5px 5px 5px;}
/*    .row1:hover     {background-color:#999; cursor:pointer;}
*/
.editarea           {background-color:#CCCCCC; display:block; padding:10px; margin:10px 0px 0px 0px;}
.newbutton     {width:695px; height:20px; display:block; padding:7px 0px 0px 5px; color:White; font-weight:bold;}
.newbutton:hover   {color:#FFFFFF; cursor:pointer; text-decoration:none;}
.editbutton    {color:#333333;}
.editbutton:hover  {cursor:pointer;}
.textbox       {float:right; width:200px; margin:5px 40px 0px 0px;}


.hiddenstuff        {display:none;}
.errortext          {color:Red; font-size:8pt;}
.listdel            {float:right; color:Red;}
.promptlabel        {font-weight:bold; width:100px; float:left; color:#666;}
.promptlabelwide    {font-weight:bold; width:150px; float:left; color:#666;}

/* POPUP */
#popupbackground    {position:absolute; height:1180px; width:100%;  top:0;  left:0; display:none; text-align:center; padding:50px 0px 0px 0px; margin:0px auto 0px auto; background-image:url('/images/black80.png'); z-index:100;}
#popupwindow        {position:absolute; width:80%; float:left; top:40; left:50%; /*padding:50px 0px 0px 0px;*/ background-color:White; padding:2%; border-radius:10px; z-index:200; margin:-20px 0px 0px -42%;}
.popupheadingholder {height:20px; padding:0px 0px 20px 0px; display:block; width:100%;}
.popupclose         {float:right; /*margin-top:-40px;*/}
.popupheading       {float:left;}
#popupcontent       {text-align:left;}

#editText           {padding:20px; margin-bottom:20px; display:none;}
#editImage          {padding:20px; margin-bottom:20px; display:none;}
#editYoutube        {padding:20px; margin-bottom:20px; display:none;}
#editFeed           {padding:20px; margin-bottom:20px; display:none;}
#editGallery        {padding:20px 0px; display:none;}

/* EDIT BUTTONS */
#newbuttonholder    {width:100%; height:170px; padding:20px 0px; margin-bottom:20px; display:none;}
.newbutton          {width:100px; height:130px; float:left; padding:10px; margin:0px 5px 0px 0px;}
.newbutton:hover    {/*background-color:#CCC; */cursor:pointer;}
.newbuttonname      {width:100%; text-align:center; color:#666; margin-top:10px;}
#newbuttontext                      {width:100px; height:100px; display:block; background:url('/Administration/images/cms-icons.png') bottom; background-position: -100px -200px;}
.newbutton:hover > #newbuttontext   {background-position: -100px -100px;}
#newbuttonimage                     {width:100px; height:100px; display:block; background:url('/Administration/images/cms-icons.png') bottom; background-position: -200px -200px;}
.newbutton:hover > #newbuttonimage  {background-position: -200px -100px;}
#newbuttonyoutube                   {width:100px; height:100px; display:block; background:url('/Administration/images/cms-icons.png') bottom; background-position: -300px -200px;}
.newbutton:hover > #newbuttonyoutube{background-position: -300px -100px;}
#newbuttonfeed                      {width:100px; height:100px; display:block; background:url('/Administration/images/cms-icons.png') bottom; background-position: 0 0;}
.newbutton:hover > #newbuttonfeed   {background-position: 0px -100px;}
#newbuttongallery                   {width:100px; height:100px; display:block; background:url('/Administration/images/cms-icons.png') bottom; background-position: -400px -200px;}
.newbutton:hover > #newbuttongallery{background-position: -400px -100px;}
#newbuttonslider                    {width:100px; height:100px; display:block; background:url('/Administration/images/cms-icons.png') bottom; background-position: -500px -200px;}
.newbutton:hover > #newbuttonslider {background-position: -500px -100px;}

.contentarea                        {}
/*.contentarea:hover > .editarea      {display:block;}
.editarea                           {display:none; width:100%; padding:35% 0 35% 0; margin: 0 0 -75% 0; float:left; position:relative; z-index:20000; background-image:url('/images/black40.png');}*/
.editarea                           {display:block; position:relative; /*z-index:20000;*/ background-image:url('/images/black40.png'); text-align:right;}

#gallerypreviewarea     {width:100%; display:none; text-align:left;}
.gallerypreview         {width:21%; height:70px; padding:10px 2% !important; float:left; display:inline-block; text-align:center; vertical-align:middle;}
.gallerypreview:hover   {cursor:pointer; background-color:#CCC;}
#gallerysliderinfo      {width:50%; vertical-align:top; display:inline-block; margin-left:1%;}
#sliderpreviewarea      {width:100%; display:none; text-align:left;}
.sliderpreview          {width:21%; padding:10px 2% !important; float:left; display:inline-block;}
.sliderpreview:hover    {cursor:pointer; background-color:#CCC;}
.addnewimage            {background-color:#666; color:White; text-align:center; display:block; width:100%; padding:10px 0px; float:left;}
.browsebutton           {float:right;}
.clearbutton            {float:right;}

#previewimages          {width:40%; display:inline-block; background-color:#EAEAEA; /*padding:0px 0px 0px 1%;*/}
#addimages              {}

.divupload              {margin-bottom:20px;}
.uploadlabel            {width:80px; padding:0px 0px 0px 10px; float:left; font-size:10pt;}

#actionButtons          {display:block; width:100%; padding-top:20px; float:left;}

/* FILE EXPLORER POPUP */
#explorerpopupbackground{position:absolute; height:1180px; width:100%;  top:0;  left:0; display:none; text-align:center; padding:50px 0px 0px 0px; margin:0px auto 0px auto; background-image:url('/images/black80.png'); z-index:300;}
#explorerpopup          {position:absolute; width:100%; float:left; top:40; left:50%; /*padding:50px 0px 0px 0px;*/ background-color:White; padding:2%; border-radius:10px; z-index:400; margin:-20px 0px 0px -52%;}
/*.dxsplCC                {float:right;}*/
.dxsplLCC               {/*height:270px !important;*/}
.dxsplPane              {/*float:right !important;*/}
.dxfm-filePane          {/*float:right !important;*/}
.dxsplCC                {/*height:350px !important;*/ float:right;}
.dxfmControl            {height:400px !important;}
.dxfm-dst               {}


/* ARE YOU SURE POPUP */
#areyousurebackground   {position:absolute; height:1180px; width:100%;  top:0;  left:0; display:none; text-align:center; padding:50px 0px 0px 0px; margin:0px auto 0px auto; background-image:url('/images/black80.png'); z-index:500;}
#areyousurepopup        {position:absolute; width:38%; float:left; top:100; left:50%; /*padding:50px 0px 0px 0px;*/ background-color:White; padding:2%; border-radius:10px; z-index:600; margin:50px 0px 0px -21%;}

/* EDIT PAGES */
.tableheading           {width:18%; padding:5px 1% 5px 1%; background-color:#000; text-align:left; color:White;}
.tableheading2          {width:35%; padding:5px 1% 5px 1%; background-color:#000; text-align:left; color:White;}
.tableheadingshort      {width:5%; padding:5px 1% 5px 1%; background-color:#000; text-align:left; color:White;}
.tablecell              {padding:3px 1% 3px 1%;}
.tablerow0              {height:35px; padding-top:5px; padding-bottom:5px; background-color:#ccc;}
/*.tablerow0:hover        {background-color:#FF6600; cursor:pointer;}
*/.tablerow1              {height:35px; padding-top:5px; padding-bottom:5px; background-color:white;}
/*.tablerow1:hover        {background-color:#FF6600; cursor:pointer;}
*/.validator              {font-size:9pt !important; margin-left:20px;}

.admintable	{width:100%; border: 1px #000000 solid}
.admintable	td {vertical-align:middle;}
.newcontentbuttonholder         {width:94%; border:1px solid #CCC; padding:10px 3%; text-align:left;}
.newcontentbuttonholder:hover   {border:1px dashed red; background-color:#CCC; cursor:pointer;}
.newcontentbutton               {}
.newcontentbutton:hover         {cursor:pointer;}
    

/* PROJECTS */
.ProjectClients         {background-color:#CCC; padding:10px; margin-bottom:10px;}
.ProjectTypes           {background-color:#CCC; padding:10px;}
#projectsleftside       {width:50%; display:block;}
.imagepreview           {height:100px; float:right; vertical-align:bottom;}
#projectdetailsright    {float:right; display:block; width:48%; padding-left:2%;}
.projecttablewidth      {width:100%;}


 /* NEW PAGE MENU LIST */
 #pagelist              {border:1px solid purple; padding:20px;}
 #pagelist ul           {list-style-type:circle; text-align:left; margin:20px;}
 #pagelist ul li        {color:Red;}
 #pagelist ul li ul     {list-style-type:square; text-align:left; margin:0px 0px 0px 20px;}
 #pagelist ul li ul li  {color:Lime;}