@media only screen and (min-width:800px){
tr, td{border:0!important;}
h2.page-title{ font-size: 14px; font-weight: bold; line-height: 20px; border-bottom: solid 1px #e9e9e9; margin: 0; }
.jtag-search-members{ padding-top:15px; }
.jtag-search-members label{ color:#4d4d4e; display: block; font-weight: bold; padding-bottom:2px;}
.jtag-search-members .field{ /*width:214px;*/ width:110px; border:solid 1px #eee; border-radius:4px; -moz-border-radius:4px; float: left; padding:5px 0 5px 7px;  }
.jtag-search-members .field{ color:#666; box-shadow: 1px 1px 9px #AAAAAA inset; /*margin-right:6px;*/ }
.jtag-search-members select.field{ /*margin-right:6px;*/ padding: 4px 7px; width: 120px; box-shadow: 1px 1px 9px #AAAAAA inset;}
.jtag-search-members .btnp input{ cursor: pointer; background:url(../images/button_bg.jpg) repeat-x scroll 0 2px transparent; border:solid 1px #006aff;  border-radius:4px; -moz-border-radius:4px; font-size: 12px; font-weight: bold; color:#fff; line-height:27px; float: left; display: inline; height:27px;padding:0 5px;}

.jtag-member-search-container { /*position: relative; float: left;*/ }
.jtag-search-members .holding { float: left; height: 28px; width: 17%; margin-right:6px; }
.jtag-search-members .first_name {}
.jtag-search-members .btnp { width: 44px; margin: 0; }
.jtag-search-members .holding .overfield { color:#666; position: relative; left: 7px; top: -35px; font-size: 13px; float: left; }

#jtag-member-list *{margin: 0;}
#jtag-member-list{ box-shadow: 0 0 17px #DDDDDD;float: left; margin: 15px 0; padding: 26px 2px 0;width:100%;}
#jtag-member-list ul.members{ list-style-type: none; float: left; padding: 0; margin: 0px;width:100%; }
#jtag-member-list ul.members li, 
#jtag-member-list ul.member-details li{padding: 0 0 11px 0;width: 50%; float: left;/*border-bottom: solid 1px #e9e9e9;*/ list-style: none; }
#jtag-member-list img{ float: left; border:solid 4px #e9e9e9;}
#jtag-member-list img:hover{opacity :0.6;}
#jtag-member-list .info{ /* float: left; display: inline; width:850px;*/ font-family: Verdana,Arial; font-size: 14px;padding-left:109px;}
#jtag-member-list .info h4{color:#7C011D;}
#jtag-member-list h4{ color:#0e73ff;}
#jtag-member-list .info a.more{ background:url(../images/arrow_red.png) no-repeat 0 0px; font-size: 11px; padding-left:15px; color: #7C011D; }
#jtag-member-list .info a.more:hover { text-decoration: none; }

#jtag-member-list ul.paging{ list-style-type: none; float: right; border-bottom:0; margin: 0 0 11px 0; }
#jtag-member-list ul.paging li { float: right; padding-left:2px;}
#jtag-member-list ul.paging li a{ float: left; width:18px; height:17px; border:solid 1px #eee; border-radius:4px; -moz-border-radius:4px; background:#eee;  }
#jtag-member-list ul.paging li a{ text-align: center; line-height:17px; text-decoration: none; color:#646464; }
#jtag-member-list ul.paging li.active a{ color:#fff; font-weight: bold; background:#000; border:solid 1px #0074ff; border-radius:4px; -moz-border-radius:4px;}
#jtag-member-list ul.paging li.larr a{ width:19px; height:18px; background:url(https://arabsfordemocracy.org/components/com_jtagmembersdirectory/assets/images/l-arr.gif); text-indent:-4000px; font-size:0; line-height:0; border:0;}
#jtag-member-list ul.paging li.rarr a{ width:19px; height:18px; background:url(../images/r-arr.gif); text-indent:-4000px; font-size:0; line-height:0; border:0;}

#jtag-member-list .details{ /*width:715px; width:455px; padding-left:12px*/ padding-left: 240px; }
#jtag-member-list .details h2{ font-size: 23px; line-height:24px; color:#0273ff; padding-bottom:10px;}
#jtag-member-list .details h4{ color:#7C011D; padding-bottom:2px;}
#jtag-member-list .details p{padding-bottom:10px;}
#jtag-member-list .details a.back-list{ background:url(../images/button_bg.jpg) repeat-x scroll 0 2px transparent; color:#fff; font-size: 12px; font-weight: bold; text-shadow: #025bc1 1px 1px 2px; text-decoration: none; line-height:32px; height:32px; float: right; padding:0 10px; border-radius:4px; -moz-border-radius:4px;}

#jtag-member-list .details ul.member-details { padding: 0; float: none; margin: 0; }
#jtag-member-list .details ul.member-details li{ background:none; display: block; float: none;}

#jtag-md-overall-partial {position: absolute; opacity: 0.7; background-color: rgb(255, 255, 255); z-index: 65555; height: 100%; width: 100%; display: none; overflow: hidden; margin-top: 26px;}
}
@media only screen and (max-width:799px){
#jtag-member-list .info{ display:block; margin-top: -10px;}
#jtag-member-list .info h4 { color: #7C011D;}
#jtag-member-list ul.members{ list-style-type: none; float: left; padding: 0; margin: 0px; }
#jtag-member-list ul.members li, 
#jtag-member-list ul.member-details li{padding: 0 0 11px 0;width: 100%; float: left;/*border-bottom: solid 1px #e9e9e9;*/ list-style: none; }
.jtag-search-members .holding { float: left; height: 28px; width: 100%; margin-right:6px; }
.jtag-search-members .holding .overfield { color:#666; left: 7px; top: -22px; font-size: 13px; float: none;width:20%;margin-left:-129px; }

#jtag-member-list ul.paging{ list-style-type: none; float: left; border-bottom:0; margin: 0 0 11px 0; }
#jtag-member-list ul.paging li { float: right; padding-left:2px;}
#jtag-member-list ul.paging li a{ float: left; width:18px; height:17px; border:solid 1px #eee; border-radius:4px; -moz-border-radius:4px; background:#eee;  }
#jtag-member-list ul.paging li a{ text-align: center; line-height:17px; text-decoration: none; color:#646464; }
#jtag-member-list ul.paging li.active a{ color:#fff; font-weight: bold; background:#000; border:solid 1px #0074ff; border-radius:4px; -moz-border-radius:4px;}
#jtag-member-list ul.paging li.larr a{width:19px;height:18px; background:url(https://arabsfordemocracy.org/components/com_jtagmembersdirectory/assets/images/l-arr.gif); text-indent:-4000px; font-size:0; line-height:0; border:0;}
#jtag-member-list ul.paging li.rarr a{ width:19px;height:18px; background:url(../images/r-arr.gif);text-indent:-4000px; font-size:0; line-height:0; border:0;}

#jtag-member-list img { border: 4px solid #E9E9E9; float: left;}
#jtag-member-list .details{ /*width:715px; width:455px; padding-left:12px*/ padding-left: 160px; }


.jtag-search-members .field{ /*width:214px;*/ width:133px; border:solid 1px #eee; border-radius:4px; -moz-border-radius:4px; float: left; padding:5px 0 5px 7px;color:#666; box-shadow: 1px 1px 9px #AAAAAA inset;  }
.jtag-search-members select.field{ /*margin-right:6px;*/ padding: 4px 7px; width: 162px; box-shadow: 1px 1px 9px #AAAAAA inset;}

jtag-search-members .btnp input {background: url("../images/button_bg.jpg") repeat-x scroll 0 2px transparent; border: 1px solid #006AFF; border-radius: 4px 4px 4px 4px;color: #FFFFFF;cursor: pointer;display: inline;/*float: left;*/font-size: 12px;font-weight: bold;height: 27px;line-height: 27px;padding: 0 5px;margin-left:730px;margin-top:-19px;}

.jtag-search-members select.field {width: 146px;}
#jtag-member-list { box-shadow: 0 0 17px #DDDDDD;float: left;margin: 15px 0;padding: 26px 2px 0;font-size:16px;}
#main h2 {
font-size: 1.6em;font-weight: normal;margin-bottom: 10px;padding: 3px 0;}
h2.page-title {
border-bottom: 1px solid #E9E9E9;line-height: 20px;}

.jtag-search-members label {
color: #4D4D4E;display: block;font-weight: bold;padding-bottom: 2px;margin-top: 15px;
}
.editform{ float: left; width: 100%;}
.editform table { border: 1px solid #AAAAAA;  margin: 10px; padding: 10px; }
}
@media (min-device-width: 320px) and (max-device-width: 599px){
	
#jtag-member-list .info h4 { color: #7C011D;}
#jtag-member-list ul.members{ list-style-type: none; float: left; padding: 0; margin: 0px; }
#jtag-member-list ul.members li, 
#jtag-member-list ul.member-details li{padding: 0 0 11px 0;width: 100%; float: left;/*border-bottom: solid 1px #e9e9e9;*/ list-style: none; }
.jtag-search-members .holding { float: left; height: 28px; width: 100%; margin-right:6px; }
.jtag-search-members .holding .overfield { color:#666; left: 7px; top: -22px; font-size: 13px; float: left; }

#jtag-member-list ul.paging{ list-style-type: none; float: left; border-bottom:0; margin: 0 0 11px 0; }
#jtag-member-list ul.paging li { float: right; padding-left:2px;}
#jtag-member-list ul.paging li a{ float: left; width:18px; height:17px; border:solid 1px #eee; border-radius:4px; -moz-border-radius:4px; background:#eee;  }
#jtag-member-list ul.paging li a{ text-align: center; line-height:17px; text-decoration: none; color:#646464; }
#jtag-member-list ul.paging li.active a{ color:#fff; font-weight: bold; background:#000; border:solid 1px #0074ff; border-radius:4px; -moz-border-radius:4px;}
#jtag-member-list ul.paging li.larr a{width:19px;height:18px; background:url(https://arabsfordemocracy.org/components/com_jtagmembersdirectory/assets/images/l-arr.gif); text-indent:-4000px; font-size:0; line-height:0; border:0;}
#jtag-member-list ul.paging li.rarr a{ width:19px;height:18px; background:url(../images/r-arr.gif);text-indent:-4000px; font-size:0; line-height:0; border:0;}

#jtag-member-list img { border: 4px solid #E9E9E9; float: left;}
#jtag-member-list .details{ /*width:715px; width:455px; padding-left:12px*/ padding-left: 160px; }

.jtag-search-members .btnp input {background: url("../images/button_bg.jpg") repeat-x scroll 0 2px transparent; border: 1px solid #006AFF; border-radius: 4px 4px 4px 4px;color: #FFFFFF;cursor: pointer;display: inline;float: left;font-size: 12px;font-weight: bold;height: 27px;line-height: 27px;padding: 0 5px;}
.jtag-search-members select.field {
width: 160px;}
#jtag-member-list {
box-shadow: 0 0 17px #DDDDDD;float: left;margin: 15px 0;padding: 26px 2px 0;}
#main h2 {
font-size: 1.6em;font-weight: normal;margin-bottom: 10px;padding: 3px 0;}
h2.page-title {
border-bottom: 1px solid #E9E9E9;line-height: 20px;}

.jtag-search-members label {
color: #4D4D4E;display: block;font-weight: bold;padding-bottom: 2px;margin-top: 15px;
}
	}
.table-2 {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
        width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.table-2 td, #table-2 th {
	padding: 5px;
	color: #333;
}
.table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}
.table-2 th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-shadow: white 1px 1px 1px;
        color:white;
        }
.table-2 td {
	line-height: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
.table-2 td:hover {
	background-color: #fff;
}
.button-link {
    padding: 10px 15px;
    background: #B0C4DE;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	width:90px;
	height:10px;
	}
.button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.polaroid-images a
{
	background: white;
	display: inline;
	float: left;
	margin: 0 15px 30px;
	padding: 10px 10px 25px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
	box-shadow: 0 4px 6px rgba(0,0,0,.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index:0;
}
.polaroid-images a:after {
	color: #333;
	font-size: 20px;
	content: attr(title);
	position: relative;
	top:15px;
}

.polaroid-images img {
	display: block;
	width: inherit;
}

.polaroid-images a:nth-child(2n)
{
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}
.polaroid-images a:nth-child(3n) {
	-webkit-transform: rotate(-24deg);
	-moz-transform: rotate(-24deg);
	transform: rotate(-24deg);
}
.polaroid-images a:nth-child(4n)
{
	-webkit-transform: rotate(14deg);
	-moz-transform: rotate(14deg);
	transform: rotate(14deg);
}
.polaroid-images a:nth-child(5n)
{
	-webkit-transform: rotate(-18deg);
	-moz-transform: rotate(-18deg);
	transform: rotate(-18deg);
}

.polaroid-images a:hover{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
        transform: rotate(0deg);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
        transform: scale(1.2);
	z-index:10;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
        box-shadow: 0 10px 20px rgba(0,0,0,.7);
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -60px;
left: 10px; /*position where enlarged image should offset horizontally */

}
.jm-item {
	padding: 10px;
	display: inline-block;
	text-align: left;
}
.jm-item-wrapper {
	position: relative;
	padding: 7px;
	background: #E8D7B6;
}
.jm-item-image {
	position: relative;
	overflow: hidden;
}
.jm-item-image img {
	display: block;
}
.jm-item-title {
    position: absolute;
    left: -10px;
    bottom: 17px;
    background: #0273FF;
    line-height: 1.5em;
    font-weight: normal;
    padding: 7px 9px 6px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 1.4em;
}
.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}
.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}
.jm-item-button {
	height: 50px;
	width: 50px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -25px;
}
.jm-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #0273FF;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 50px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
.jm-item-button a:hover {
	background: #3b3b3b;	
}
.second .jm-item-wrapper .jm-item-title {
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.second .jm-item-wrapper:hover .jm-item-title {
	  left: -40%;
         visibility: hidden;
}
.second .jm-item-description {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background: rgba(0,0,0,0.4);
	color: #fff;
	top: 100%;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
}
.second .jm-item-wrapper:hover .jm-item-description {
	top: 0;
}