html, body{margin:0px;padding:0px;}
body{background:url(../imgs/bg.png) repeat #fff;font-family:'Open Sans', verdana, sans-serif;font-size: 0.8em;}
img, embed, object, video{border-width:0px;max-width:100%;height:auto !important;}
input, select, textarea{padding:4px;font-family:'Open Sans', verdana, sans-serif;margin:0 0 1px 0;border:1px solid #9f9f9f;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
h1,h2,h3,h4{color:#006978;font-family:'Source Sans Pro', verdana, sans-serif;font-weight:normal;}
h1{font-family:'Open Sans', verdana, sans-serif;}
h1{font-size:2.2em;margin:15px 0;}
h3{font-size:1.5em;}
a:link, a:visited, a:active{color:#3f81ae;}
a:hover{color:#1d557c;}
.clear{clear: both;}
.err{background:url(../imgs/icon-failure.png) no-repeat #ffdede;border:1px solid #f4d5d5;border-bottom-color:#dc8c8c;padding:10px 10px 10px 28px;background-position:10px 13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:15px;}
.info{background:url(../imgs/icon-info.png) no-repeat #f0f7fa;border:1px solid #e8f0f4;border-bottom-color:#b6cad3;padding:10px 10px 10px 28px;background-position:10px 13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:15px;}
.warning{background:url(../imgs/icon-warning.png) no-repeat #fbecbf;border:1px solid #f1e3b8;border-bottom-color:#cdb775;padding:10px 10px 10px 28px;background-position:10px 13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:15px;}
.success{background:url(../imgs/icon-success.png) no-repeat #deeec2;border:1px solid #d7e7bb;border-bottom-color:#a4b585;padding:10px 10px 10px 28px;background-position:10px 13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:15px;}
.err div:last-child, .info div:last-child, .warning div:last-child,.success div:last-child{margin-top:2px;}
.small-text{font-size:0.8em;}
a.button:link, a.button:active, a.button:visited{color:white;padding:3px 6px;background-color:#8ab8d0;border:1px solid #8fb4c9;border-bottom-color:#678da2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
a.button:hover{background-color:#6f9fb8;}
hr{border-width:0px;height:1px;background-color:#aaa;}
.shadow {
	-moz-box-shadow: 3px 3px 4px #888;
	-webkit-box-shadow: 3px 3px 4px #888;
	box-shadow: 3px 3px 4px #888;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
}
.pull-left{float:left;}
.pull-right{float:right;}

.img-special-tag{vertical-align:bottom;}


/**************************/
/* Form Element Styles ****/
/**************************/
fieldset{border:2px solid #c9d7e5;padding:10px 20px 15px 20px;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
fieldset legend{color:#6a98c6;padding:6px;background-color:#fff;font-weight:bold;font-size:1.2em;}
fieldset.small{width:450px;}
fieldset > div:last-child{text-align:right;}

.form-field{margin-bottom:9px;}
.form-field div{display:inline-block;}
.form-field div:first-child{width:25%;vertical-align:top;margin-top:5px;}
.form-field div:last-child{width:73%;}
.form-field div:last-child span{margin-top:5px;display:block;}


.required{background-color:orange;color:white;position:relative;padding:1px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.star{color:red;font-weight:bold;}
/**************************/

/**************************/
/* Rounded Corners Styles */
/**************************/
.all-round-corners{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.top-round-corners{-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;}
.bottom-round-corners{-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;}
.tl-round-corners{-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;}
.tr-round-corners {-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;}
.br-round-corners {-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;}
/**************************/

#container{margin:0 auto;width:1000px;}
#header{background: url(../imgs/bg-header.png) repeat-x #2c6e94;margin-top:20px;height:120px;}
#logo{float:left;margin:10px;}
#logo img{width:100%;}

/* Site Search */
.site-search{float:right;clear:right;padding:6px 7px;background-color:#eee;margin-right:30px;}
.site-search div{display:table-cell;vertical-align:top;}
.site-search input{margin:0;height:20px;}
.site-search input[type=text]{width:230px;margin-right:4px;}
.site-search input[type=image]{background-color:#cecece;}
/* Search Page - Search Box */
.search-box{background-color:#eee;display:table;width:100%;}
.search-box > div{display:table-cell;padding:15px;}
.search-box > div:first-child{width:60px;padding:15px;}
.search-box > div:first-child + div{padding:0;}
.search-box > div:last-child{width:100px;padding:15px 15px 15px 5px;}
.search-box input{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

/*****************************************************/
/** My Account Menu Styles ***************************/
/*****************************************************/
#my-account-menu {
    float: right;
    margin-right: 30px;
    border-top:1px solid #eee;
    height:55px;
}
#my-account-menu a {
    border-width:0px;color:#000;
}
#my-account-menu > ul > li {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#my-account-menu > ul > li > ul {top:90%;}
#my-account-menu > ul > li > ul > li > ul {top:0;}

#my-account-menu ul li {background-color:#F7F9FF;}
#my-account-menu ul li ul li {background-color:#F7F9FF;border-bottom:1px solid #e6e8ee;}

#my-account-menu li:hover {background-color:#D0D6E8;}
#my-account-menu li.sfHover {background-color:#D0D6E8;}

#my-account-menu > ul > li > ul li:first-child, #my-account-menu > ul > li > ul {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
#my-account-menu > ul > li > ul li:last-child, #my-account-menu > ul > li > ul {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
/*****************************************************/

/*****************************************************/
/** Main Menu Styles *********************************/
/*****************************************************/
.nav {margin-top:10px;background-color:#1C2B36;}
.nav > ul{width:100%;height:25px;}
.nav > ul > li{width:15%;}
.nav > ul > li:first-child{
    width:12%;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}
.nav > ul > li:last-child{
    width:13%;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

.nav a {color:#fff !important;}

.nav ul li {background-color:#1C2B36;text-align:center;}
.nav ul li ul li {background-color:#1C2B36;text-align:left;}

.nav li:hover {background-color:#37576D !important;}
.nav li.sfHover {background-color:#37576D !important;}

.nav > ul > li:first-child > a {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}

.nav > ul > li:last-child > a {
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    border-right:1px solid #ddd;
}

.nav > ul > li > ul li:first-child, .nav > ul > li > ul li:first-child > a, .nav > ul > li > ul {
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}
.nav > ul > li > ul li:last-child, .nav > ul > li > ul li:last-child > a, .nav > ul > li > ul {
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
/*****************************************************/

#mini-nav, #medium-nav, #mobile-nav{display:none;}
#main {
    background-color:#fff;
    min-height:400px;
    border-bottom:1px solid #eee;
}
#content {padding:20px;display:table-cell;width:76%;vertical-align: top;}
#content a:link, #content a:active, #content a:visited{}
#content a:hover{}

#rgt-col {
    padding:20px 18px 20px 20px;display:table-cell;width:24%;
    background:url(../imgs/bg-main.png);
    background-repeat:repeat-y;
    background-position:top left;
    vertical-align: top;
}
#rgt-col > div{margin-bottom:15px;}
#rgt-col-content-control{display:none;}
#rgt-col-article{display:none;background:#fff;}

#social-likes{margin-top:8px;}
#social-share{background:url(../imgs/bg-social.png);padding:10px 10px 5px 10px;}
#social-share > div{margin-bottom:5px;font-weight:bold;font-size:1.2em;}

#main-spacer {background-color:#eee;height:2px;border-bottom:1px solid #ddd;}

h1.title{margin:0;margin-bottom:13px;}
p.sub-title{font-size:1.2em;font-weight:bold;color:#888;}
#content h3{color:#3f81ae;margin-bottom:0;}
#content h3 + p{margin-top:0;}

.rgt-img {display:inline-block;float:right;margin:0px 0px 15px 10px;width:250px;clear:both;text-align:center;}
.rgt-img > div {font-size:0.75em;text-align:center;margin-top:3px;}
.lft-img {display:inline-block;float:left;margin:0px 10px 15px 0px;width:250px;}
.lft-img > div {font-size:0.75em;text-align:center;margin-top:3px;}

.tell-a-friend {background-color:#e6e8ee;padding:10px;}
.tell-a-friend h3{margin-top:5px;color:#005895;}
.tell-a-friend input[type=text]{width:172px;}
.tell-a-friend div{margin-bottom:5px;}
.tell-a-friend div:last-child{text-align:right;}

#footer {font-size:0.8em;margin:10px 20px 50px 20px;text-align:right;color:white;}
#footer a{color:white;}

/**************************/
/* Date Conversion Styles */
/**************************/
.date-converter{width:400px;margin:25px auto;}
.date-converter > div:first-child{background-color:#006978;color:white;font-size:1.2em;font-weight:bold;}
.date-converter > div:first-child + div{background-color:#e1e1e1;}
.date-converter > div:first-child + div + div{background-color:#eee;}
.date-converter > div:last-child{background-color:#e1e1e1;text-align:center;}
.date-converter > div{padding:10px;}
.date-converter > div > span:first-child{width:95px;display:inline-block;}
.converted-date{padding:10px;background-color:#dae6eb;text-align:center;}
.converted-date > div{display:inline-block;margin:0 auto;}
.converted-date > div > div{text-align:left;}
.converted-date > div > div:last-child{font-size:2.1em;}
/**************************/

/**************************/
/* Alphabet Links Styles */
/**************************/
.alphabet-links{width:100%;border-collapse:separate;border-spacing:1px;margin-bottom:5px;}
.alphabet-links td{width:3%;}
.alphabet-links a{color:#004167 !important;display:block;padding:3px;background-color:#f1f1f1;border:1px solid #ececec;text-align:center;
                  -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-decoration:none;}
.alphabet-links a:hover{color:#0066cc !important;font-weight:bold;background-color:#e1e1e1;}
.alphabet-links a.selected{color:#0066cc !important;font-weight:bold;background-color:#e1e1e1;}
.alphabet-links a.selected:hover{}
/**************************/
/**************************/
/* Grid View Styles */
/**************************/
.grid-view{border-collapse:separate;border-spacing:1px;width:100%;}
.grid-view th{background-color:#006978;color:white;padding:10px;text-align:left;}
.grid-view th a{color:white;text-decoration:none;}
.grid-view th a:hover{text-decoration:underline;}
.grid-view th:first-child{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;}
.grid-view th:last-child{-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;}
.grid-view td{padding:10px;}
/* Alternating Rows */
.grid-view .row td{background-color:#F7F9FF;}
.grid-view .alt-row td{background-color:#efefef;}
.grid-view .selected-row td{font-weight:bold;background-color:#feffd6;}
/* Pager Row */
.grid-view .pager-row td{padding:10px;text-align:right;background-color:#fafafa;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;}
.grid-view .pager-row td a{width:20px;color:#004167 !important;display:inline-block;padding:3px;background-color:#eff6f8;border:1px solid #c4d9db !important;border-bottom-color:#4c8186 !important;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-decoration:none;}
.grid-view .pager-row td a:hover{color:#0066cc !important;font-weight:bold;background-color:#e1e1e1;}
.grid-view .pager-row td a.selected{color:#0066cc !important;font-weight:bold;background-color:#e1e1e1;}
/* Empty Data Row */
.grid-view .empty-data-row td{background-color:#fafafa;padding:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
/**************************/
/**************************/
/* Form View Styles */
/**************************/
.form-view{width:100%;border-spacing:1px;border-collapse:separate;}
.form-view td{padding:10px;}
.form-view tr td:first-child{font-weight:bold;background-color:#efefef;width:20%;vertical-align:top;}
.form-view tr td:last-child{background-color:#F7F9FF;width:80%;word-wrap:break-word;}
.form-view tr:first-child td{font-weight:bold;background-color:#006978;color:white;-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;}
.form-view tr:last-child td[colspan="2"]{text-align:center;background-color:#fafafa;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;}
.form-view input[type=text], .form-view textarea{width:98%;}
.form-view input[type=text].small, .form-view textarea.small{width:60%;}
.form-view input[type=submit]{padding:6px 20px;}
/**************************/

.muslim-names > span{display:inline-block;width:33%;vertical-align:top;margin-bottom:20px;}
.muslim-names > span span:first-child{display:block;font-family:'Source Sans Pro', verdana, sans-serif;font-size:2em;text-align:center;}
.muslim-names > span span:last-child{display:block;text-align:center;}

.search-names{background-color:#efefef;padding:10px;margin-bottom:5px;}
.search-names > div{margin-bottom:0;}
.search-names > div > div:first-child{width:auto;margin-right:4px;}
.search-names > div > div:last-child{width:auto;}

.articles-list-item a:link, .articles-list-item a:visited, .articles-list-item a:active{text-decoration:none;}
.articles-list-item a:hover{}
.articles-list-item > div{margin:20px 0px;}
.articles-list-item > h2{margin-bottom:0;}
.articles-list-item > p{margin-top:0;}

.article-content blockquote{color:#777;margin:15px 30px;}
.article-source{font-style:italic;font-size:0.9em;margin-bottom:20px;word-wrap:break-word;}
.article-author-info{margin:15px 0 5px 0 !important;color:#232323;font-weight:bold;}
.article-author-info > div{display:table-row;}
.article-author-info > div > span{display:table-cell;}
.article-author-info > div > span:first-child{width:110px;}
.article-social-media{padding:15px 0;}
.article-social-media-bottom{padding:15px;background-color:#f4f4f4;}
.article-social-media div, .article-social-media-bottom div{display:inline-block;margin-right:3px;}

.login-container{display:table;width:100%;}
.login-container > div{display:table-row;}
.login-container > div > div:first-child{display:table-cell;width:60%;}
.login-container > div > div:first-child > div:last-child{text-align:right;}
.login-container > div > div:last-child{display:table-cell;width:40%;padding-left:20px;text-align:left !important;}
.login-container .form-field > div{text-align:left;}
.login-container .form-field > div:first-child{width:30%;}
.login-container .form-field > div:last-child{width:68%;}
.login-container .form-field input[type=text], .login-container .form-field input[type=password]{width:97% !important;}
.login-info-box{background-color:#eee;padding:15px;}

.myaccount h3{font-family:'Open Sans', verdana, sans-serif;margin-bottom:4px;}
.myaccount h3 a{text-decoration:none;}
.myaccount p{margin-top:0px;}
.myaccount p a{color:black;}

/* jQuery Styles */
/* Dialogue */
.ui-dialog{/*width:70% !important;*/}
.ui-dialog table{width:80% !important;margin:15px !important;}
.ui-dialog table td{padding:5px 8px;}