/* COPYRIGHT NOTICE 
** This notice must stay intact for legal use.  
** This software is part of RE Designs Web Solutions, software applications
** by RE designs, and is provided "AS IS", without a warranty of any kind.  
** Copyright RE Designs, All rights reserved.                                 
** Use of any kind of part or all of this software or modification of this    
** software requires a license from RE Designs. Use or modification of        
** this software without a license constitutes Software Piracy and will       
** result in legal action from RE Designs.                                    
**            https://www.redesigns.org      web@redesigns.org                 
**                                                                            
**             Copyright RE Designs, All rights reserved.                
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img {border-width: 0px;}
#loginbox {
	background-image: url(../images/loginbg.gif); background-repeat:repeat-x;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	border: 2px solid #0000ff;
	background-color: #1E42AB;
}
#admintop {
	background-image: url(../images/loginbg.gif); background-repeat:repeat-x;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	border: 2px solid #0000ff;
}
.border {
	border: 1px solid #499cc3;
}

a:link { color:#1D40AA; text-decoration:none}
a:visited { color:#1D40AA; text-decoration:none}
a:hover { color:#499cc3; text-decoration:underline; cursor:hand}
a:active { color:#499cc3; text-decoration:none}

/* Color Tabs Menu CSS */

#menu {
text-align:center;
margin:0 auto;
align:center;
background-color: #1D40AA;
}

.colortabs ul{
margin: 0;
padding: 0;
list-style-type: none;
border-top: 1px solid #1D40AA;
border-bottom: 1px solid #1D40AA;
overflow: hidden;
text-align: center;
background-color: #1D40AA;
}

.colortabs li{
display: inline;
margin: 0;
}

.colortabs li a{
float: left;
display: block;
//margin-right:10px;
padding: 10px 10px; 
border-right: 1px solid #1D40AA; 
color: #ffffff;
background-color: #499CC3;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: center;
}

.colortabs li a:hover{
color: #1D40AA;
background-color: #ffffff;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none; 
text-align: center;
}

.colortabs li a.selected{
color: #1D40AA;
background-color: #ffffff;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none; 
text-align: center;
}

.topmenu{
width: 99%;
font-weight: bold;
}

.topmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.topmenu ul{

width: 100%;
background-color: #1D40AA;
padding: 4px 0;
margin: 0;
text-align: center; 
}

.topmenu ul li{
display: inline;
}

.topmenu ul li a{
color: #ffffff;
padding: 4px 14px;
margin: 0;
text-decoration: none;
border-right: 1px solid #ffffff;
background-color: #499CC3;
}

.topmenu ul li a:hover, .topmenu ul li a.selected{ 
background-color: #ffffff;
color: #1D40AA;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #000000; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
}


.dropmenudiv a, .dropmenudiv a:visited,.dropmenudiv a:active{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; 
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ 
color: #ffffff;
background-color: #499CC3;
text-decoration: none;
}

/* Drop Down Menus CSS */

.ultsubmenustyle, .ultsubmenustyle div{ 
font: bold 12px arial;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #ffffff;
border: 1px solid #000000;
border-bottom-width: 1px;
visibility: hidden;
z-index: 100;
}

.ultsubmenustyle ul{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 0px none;
}

.ultsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: #000000;
background-color: #ffffff;
text-decoration: none;
padding: 6px 8px;
border-bottom: 1px solid #bbb;
text-align: left;
}

* html .ultsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ultsubmenustyle li a:hover{
background-color: #499CC3;
color: #ffffff;
text-decoration: none;
text-align: left;
}

/* Menu Properties CSS */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ultiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
textarea {
width:100%;
}

input {
max-width:100%;
}

.list {
height:500px;
width:245px;
overflow:scroll;
background-color:#dfdfdf;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
border: 2px solid #499cc3;
padding:10px 10px 10px 10px;
}

.listcheck {
background-color:#dfdfdf;
}

.photoslist {
height:320px;
min-width:160px;
background-color:#dfdfdf;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
border: 2px solid #499cc3;
padding:10px 10px 10px 10px;
resize:both;
overflow:auto;
}

.watermarkoptions {
border: solid 2px #AFD8FF;
padding: 5px;
}

.formbutton {
	color: #1D40AA;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	font-weight:bold;
}

.linkbutton { border: solid 1px #1D40AA;padding:4px;}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	//float:left;
	clear:both;
	text-align:center;
}


.topheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color=#ffffff;
	font-weight=bold;

}
.current_tab {
	background-color:#1D40AA;
	height:25px;
}
.current_tabbottom {
	background-color:#1D40AA;
}


.heading_bg {

}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1D40AA;
	text-decoration: none;
	font-weight: bold;
}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.row1,.row1b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
	clear:both;
}
.row2, .row2b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #dfdfdf;
	clear:both;
}
.msg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	background-color: #ffffff;
	text-decoration: none;
        font-weight: bold;
}
.subheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585858;
	text-decoration: none;
	font-weight: bold;
}
.rowheader {
	background-color:#DEDDD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585858;
	text-decoration: none;
	font-weight: bold;
}
.rowheader2 {
	background-color:#ffffcc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585858;
	text-decoration: none;
	font-weight: bold;
}
.table_border {
	border: 1px solid #e1e1e1;
}

.toprowheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1D40AA;
}
.toprow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1D40AA;
	width:100%;
}
.toprow a,.toprow a:visited,.toprow a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	background-color: #1D40AA;
	align: center;
	display: inline;padding:1ex;
}
.toprow a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D40AA;
	text-decoration: none;
	background-color: #ffffff;
	align: center;
	display: inline;padding:1ex;
}
.tabtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tabtxt a,.tabtxt a:visited,.tabtxt a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background-color: #1D40AA;
	align: center;
	display: block;padding:2ex;
	width: 200px;
}
.tabtxt a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D40AA;
	text-decoration: none;
	background-color: #ffffff;
	align: center;
	display: block;padding:2ex;
	width: 200px;
}
.tabtxt2 a,.tabtxt2 a:visited,.tabtxt2 a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background-color: #499CC3;
	align: center;
	display: block;padding:1ex;
	width: 200px;
}
.tabtxt2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background-color: #1D40AA;
	align: center;
	display: block;padding:1ex;
	width: 200px;
}
.tabtxt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}


a.nav,a.nav:visited,a.nav:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #499CC3;
}
a.nav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	color: #1D40AA;
	text-decoration: none;
	font-weight: bold;
}


.normal01 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}


.text{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

.subtext1
{
float:left;
text-align:right;
clear:left;
width:23%;
margin-bottom:10px;
}
.subtext2
{
float:right;
text-align:left;
clear:right;
width:75%;
margin-bottom:10px;
}
.field
{
clear:both;
}
.fieldleft {
float:left;text-align:right;width:100px;padding-right:5px;
width:12%;
}
.fieldright {
float:left;width:790px;
width:85%;
}
.fieldleftform {
float:left;text-align:right;width:100px;padding-right:5px;
width:23%;
}
.fieldrightform {
float:left;width:790px;
width:75%;
}
.fieldright2 {
float:left;width:790px;padding-right:5px;
width:30%;
}
.metarow {
background-color:#ccffff;
}
.urlrow {
background-color:#ccffcc;
}
.stylerow {
background-color:#ffccff;
}
.linksrow {
background-color:#ffcccc;
}
.addsrow {
background-color:#ffffcc;
}
.inputselected {
background-color:#ffff99;
padding:10px;
}
#profilepict
{
float:left;
padding-right:10px;
}
#uploadprofilepictdiv
{
float:left;
}
#avatarsdiv {
float:left;
clear:both;
padding:10px;
border: solid 1px;
}
#avatarcats {
padding-bottom:10px;
}
.avatarimage {
padding:5px;
}
.photostitle {
padding:5px;
float:left;
clear:both;
font-weight:bold;
}
#uploadphotosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadphotosdiv, #uploadphotos, #uploadphotosadd {
float:left;
clear:both;
}
.uploadphotos {
float:left;
clear:both;
padding-bottom:10px;
}
.pagination
{
float:left;
clear:both;
margin-top:20px;
}
.pagination ul
{
list-style-type: none;
}
.pagination li
{
display: inline-block;
border: solid 1px;
padding:5px;
}
.fieldrow
{
width:100%;clear:both;padding:10px;
}
.fieldleftpoll {
float:left;
//text-align:right;
//width:100px;padding-right:5px;
//width:23%;
clear:both;
}
.fieldrightpoll {
float:left;
//width:790px;
//width:75%;
clear:both;
}
.fieldrightpoll label{
float:left;
//width:790px;
//width:75%;
clear:both;
}
.fieldright2poll {
float:left;padding-right:5px;
}
.poll {
float:left;
clear:both;
}
.pollcontent {
float:left;
clear:both;
}
.pollname {
float:left;
clear:both;
padding:2px;
font-weight:bold;
}
.pollintro {
float:left;
clear:both;
padding:2px;
}
.polloptionresult{
float:left;
clear:both;
}
.whovotedthis{
float:left;
clear:both;
}
.whovoted{
float:left;
clear:both;
}
.totalpollvotes{
float:left;
clear:both;
padding:10px;
}
.polloptionname {
float:left;
width:100px;
margin-right:10px;
}
.pollfieldresults {
float:left;
width:100px;
border:solid 1px #000000;
height:10px;
margin-right:10px;
marign-top,margin-bottom:5px;
}
.pollfieldresultsfill {
float:left;
background-color:#0000ff;
height:100%;
}
.voteuser {
float:left;
margin-right:10px;
}
.voteusername {
float:left;
clear:left;
padding-bottom:2px;
}
.votephoto {
float:left;
clear:left;
padding-bottom:2px;
}
.votefanstotal {
float:left;
clear:left;
padding-bottom:2px;
}
.votedate {
float:left;
clear:left;
padding-bottom:2px;
}

.fieldleftclassified {
float:left;text-align:right;width:100px;padding-right:5px;
width:23%;
}
.fieldrightclassified {
float:left;width:790px;
width:75%;
}
.fieldright2classified {
float:left;width:790px;padding-right:5px;
width:30%;
}
#uploadclassifiedphotosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadclassifiedphotosdiv, #uploadclassifiedphotos, #uploadclassifiedphotosadd {
float:left;
clear:both;
}
.classifiedphotostitle {
margin-top:10px;
float:left;
clear:both;
}
.classifiedphotoslist {
float:left;
clear:both;
}
.classifiedphoto {
float:left;
padding-right:5px;
}
.fieldleftlisting {
float:left;text-align:right;width:100px;padding-right:5px;
width:23%;
}
.fieldrightlisting {
float:left;width:790px;
width:75%;
}
.fieldright2listing {
float:left;width:790px;padding-right:5px;
width:30%;
}
#uploadlistingphotosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadlistingphotosdiv, #uploadlistingphotos, #uploadlistingphotosadd {
float:left;
clear:both;
}
.listingphotostitle {
margin-top:10px;
float:left;
clear:both;
}
.listingphotoslist {
float:left;
clear:both;
}
.listingphoto {
float:left;
padding-right:5px;
}
.fieldleftscrapbook {
float:left;text-align:right;width:100px;padding-right:5px;
width:23%;
}
.fieldrightscrapbook {
float:left;width:790px;
width:75%;
}
.fieldright2scrapbook {
float:left;width:790px;padding-right:5px;
width:30%;
}
#uploadscrapbookphotosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadscrapbookphotosdiv, #uploadscrapbookphotos, #uploadscrapbookphotosadd {
float:left;
clear:both;
}
.scrapbookphotostitle {
margin-top:10px;
float:left;
clear:both;
}
.scrapbookphotoslist {
float:left;
clear:both;
}
.scrapbookphoto {
float:left;
padding-right:5px;
}
.fieldleftpupload {
float:left;text-align:right;width:100px;padding-right:5px;
width:23%;
}
.fieldrightpupload {
float:left;width:790px;
width:75%;
}
.fieldright2pupload {
float:left;width:790px;padding-right:5px;
width:30%;
}
#uploadpuploadphotosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadpuploadphotosdiv, #uploadpuploadphotos, #uploadpuploadphotosadd {
float:left;
clear:both;
}
.puploadphotostitle {
margin-top:10px;
float:left;
clear:both;
}
.puploadphotoslist, .vuploadvideoslist , .auploadaudioslist , .fuploadfileslist {
float:left;
clear:both;
}
.puploadphoto {
float:left;
padding-right:5px;
}
.fieldleftvupload {
float:left;text-align:right;width:100px;padding-right:5px;
width:23%;
}
.fieldrightvupload {
float:left;width:790px;
width:75%;
}
.fieldright2vupload {
float:left;width:790px;padding-right:5px;
width:30%;
}
#uploadvuploadvideosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadvuploadvideosdiv, #uploadvuploadvideos, #uploadvuploadvideosadd {
float:left;
clear:both;
}
.vuploadvideostitle {
margin-top:10px;
float:left;
clear:both;
}
.vuploadvideoslist {
float:left;
clear:both;
}
.vuploadvideo {
float:left;
padding-right:5px;
}
.fieldleftaupload{
float:left;text-align:right;width:100px;padding-right:5px;
width:23%;
}
.fieldrightaupload{
float:left;width:790px;
width:75%;
}
.fieldright2aupload{
float:left;width:790px;padding-right:5px;
width:30%;
}
#uploadauploadaudiosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadauploadaudiosdiv, #uploadauploadaudios, #uploadauploadaudiosadd {
float:left;
clear:both;
}
.auploadaudiostitle {
margin-top:10px;
float:left;
clear:both;
}
.auploadaudioslist {
float:left;
clear:both;
}
.auploadaudio{
float:left;
padding-right:5px;
}
.fieldleftfupload {
float:left;text-align:right;width:100px;padding-right:5px;
width:23%;
}
.fieldrightfupload {
float:left;width:790px;
width:75%;
}
.fieldright2fupload {
float:left;width:790px;padding-right:5px;
width:30%;
}
#uploadfuploadphotosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadfuploadfilesdiv, #uploadfuploadfiles, #uploadfuploadfilesadd {
float:left;
clear:both;
}
.fuploadfilestitle {
margin-top:10px;
float:left;
clear:both;
}
.fuploadfileslist {
float:left;
clear:both;
}
.fuploadfile {
float:left;
padding-right:5px;
}
.fieldleftevent {
float:left;text-align:right;width:100px;padding-right:5px;
width:23%;
}
.fieldrightevent {
float:left;width:790px;
width:75%;
}
.fieldright2event {
float:left;width:790px;padding-right:5px;
width:30%;
}
#uploadeventphotosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadeventphotosdiv, #uploadeventphotos, #uploadeventphotosadd {
float:left;
clear:both;
}
.eventphotostitle {
margin-top:10px;
float:left;
clear:both;
}
.eventphotoslist {
float:left;
clear:both;
}
.eventphoto {
float:left;
padding-right:5px;
}
.photostitle {
padding:5px;
float:left;
clear:both;
font-weight:bold;
}
#photoslist {
clear:both;
}
.photosdiv {
padding:5px;
float:left;
}
.photoimage {
padding:5px;
float:left;
clear:both;
}
.photocaption {
padding:5px;
float:left;
clear:both;
}
.photoposition {
padding:5px;
float:left;
clear:both;
}
.updatephoto {
float:left;
clear:both;
padding:10px;
}
.removephoto {
float:left;
clear:both;
padding:10px;
}
#uploadphotosdiv {
float:left;
clear:both;
padding-bottom:10px;
}
#uploadphotosdiv, #uploadphotos, #uploadphotosadd {
float:left;
clear:both;
}
.uploadphotos, .uploadphotosnote {
float:left;
clear:both;
padding-bottom:10px;
}
.videostitle, .audiostitle {
padding:5px;
padding:0.3125rem;
float:left;
clear:both;
font-weight:bold;
}
#videoslist, #audioslist {
clear:both;
}
.videosdiv, .audiosdiv {
padding:5px;
padding:0.3125rem;
float:left;
}
.videoimage, .audioimage {
padding:5px;
padding:0.3125rem;
float:left;
clear:both;
}
.videoposition, .audioposition {
padding:5px;
padding:0.3125rem;
float:left;
clear:both;
}
.videocaption, .audiocaption {
padding:5px;
padding:0.3125rem;
float:left;
clear:both;
}
.updatevideo, .updateaudio {
float:left;
clear:both;
padding:10px;
padding:0.625rem;
}
.removevideo, .removeaudio {
float:left;
clear:both;
padding:10px;
padding:0.625rem;
}
#uploadvideosdiv, #uploadaudiosdiv {
float:left;
clear:both;
padding-bottom:10px;
padding-bottom:0.625rem;
}
#uploadvideosdiv, #uploadvideos, #uploadvideosadd, #uploadaudiosdiv, #uploadaudios, #uploadaudiosadd  {
float:left;
clear:both;
}
.uploadvideos, .uploadvideosnote, .uploadaudios, .uploadaudiosnote {
float:left;
clear:both;
padding-bottom:10px;
padding-bottom:0.625rem;
}
.filestitle {
padding:5px;
padding:0.3125rem;
float:left;
clear:both;
font-weight:bold;
}
#fileslist {
clear:both;
}
.filesdiv {
padding:5px;
padding:0.3125rem;
float:left;
}
.fileimage {
padding:5px;
padding:0.3125rem;
float:left;
clear:both;
}
.filecaption, .filename , .filetype {
padding:5px;
padding:0.3125rem;
float:left;
clear:both;
}
.fileposition {
padding:5px;
padding:0.3125rem;
float:left;
clear:both;
}
.updatefile {
float:left;
clear:both;
padding:10px;
padding:0.625rem;
}
.removefile {
float:left;
clear:both;
padding:10px;
padding:0.625rem;
}
#uploadfilesdiv {
float:left;
clear:both;
padding-bottom:10px;
padding-bottom:0.625rem;
}
#uploadfilesdiv, #uploadfiles, #uploadfilesadd {
float:left;
clear:both;
}
.uploadfiles, .uploadfilesnote {
float:left;
clear:both;
padding-bottom:10px;
padding-bottom:0.625rem;
}

video.articlevideo  {
  width: 100%;    
  height: auto;
    
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.articlevideowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.articlevideowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#loginbox i {
        cursor: pointer;
    z-index: 100 !important;
}

 .button-link {
            display: inline-block;
            padding: 10px;
            font-size: 14px;
            text-align: center;
            text-decoration: none;
            background-color: #0099ff; 
            color: #ffffff !important; 
            border: 1px solid #0099ff; 
            border-radius: 5px; 
            cursor: pointer;
        }

        .button-link:hover {
            background-color: #cccccc;
            color:#0000ff !important;text-decoration:none !important;
        }