/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
   Base
   ========================================================================== */
   
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Helvetica, Arial, sans-serif; color: #222; }
body { margin: 0 auto; font-size: 1em; line-height: 1.4; background:#f7f7f7 url(/Content/Images/g_main.png) repeat-x;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection { background: #5fa232; color: #fff; text-shadow: none; }
::selection { background: #5fa232; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
/*
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
*/
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a, a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */
ul, ol, li { margin: 0px; padding:0px; list-style:none; }
dd { margin:0px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0px; padding: 0px; }


/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0;  }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend { border: 0; margin-left: -7px; padding: 0; white-space: normal; }

fieldset .display-label 
{
  margin:15px;
  float:left; 
  clear:left; 
  width:250px; 
  font-weight:bold;
} 
 
fieldset .display-field{ 
  margin:15px;
  float:left; 
  clear:right; 
} 
fieldset .display-field ul {   }
 
 
Syntax: list-style-type: <value> 
Possible Values: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
 



/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"] 
{ cursor: pointer; -webkit-appearance: button; *overflow: visible; padding:8px; }


/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

input[type="text"],input[type="password"] { width:350px; border:1px solid #b5bfc6; color:#666666; margin-bottom:5px; font-family: Helvetica, Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px;
					padding:8px 10px; text-shadow: 1px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1);
					background: #dbe5f0; /* Old browsers */
					/* IE9 SVG, needs conditional override of 'filter' to 'none' */
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZTVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGYyZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  #dbe5f0 0%, #edf2f7 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbe5f0), color-stop(100%,#edf2f7)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #dbe5f0 0%,#edf2f7 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #dbe5f0 0%,#edf2f7 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #dbe5f0 0%,#edf2f7 100%); /* IE10+ */
					background: linear-gradient(top,  #dbe5f0 0%,#edf2f7 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe5f0', endColorstr='#edf2f7',GradientType=0 ); /* IE6-8 */
					}
select { background: #DBE5F0; border-color: gray; border: 1px solid #B5BFC6; border-radius: 5px; padding:5px }
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

	input[type="button"]{ padding:8px 0px; width:100px;}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* =============================================================================
   common styling
   ========================================================================== */
p, div, h1, h2, h3, h4, h5 { margin:0px; padding:0px; font-weight:normal;}

h1{ font-size:36px; line-height:36px; margin-bottom:20px;}
h2{ font-size:24px; line-height:24px;}




/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
/* =============================================================================
   header
   ========================================================================== */
	header{ height:66px; width:100%; border-bottom:1px solid #ffffff;
			background: #0d1d4f; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMWQ0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE0MmM2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDJkNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, #0d1d4f 0%, #142c67 51%, #142d69 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d1d4f), color-stop(51%,#142c67), color-stop(100%,#142d69)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0d1d4f 0%,#142c67 51%,#142d69 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #0d1d4f 0%,#142c67 51%,#142d69 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #0d1d4f 0%,#142c67 51%,#142d69 100%); /* IE10+ */
			background: linear-gradient(top, #0d1d4f 0%,#142c67 51%,#142d69 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1d4f', endColorstr='#142d69',GradientType=0 ); /* IE6-8 */
			}
	header section { width:1080px; margin:0px auto; height:110px; position:relative;}
	/* 
    header section figure { height:76px; width:428px; margin:0px auto; background:url(/Content/Images/bismillah.png) no-repeat center top;}
    */
	header section img { position:absolute; top:20px; left:3px;}
	/*
	header section nav {text-align:right; position:absolute; top:56px; right:0px;}
	header section nav a { color:#FFFFFF; font-size:16px; text-decoration:none; margin-left:26px; display:inline-block; height:34px;}
	header section nav a:hover, header section nav a.active { background:url(/Content/Images/menu_ar.png) no-repeat center bottom;}
    */
	header section logintext {text-align:right; position:absolute; top:23px; right:80px; color:#E8ECF5}
	header section loginbutton{text-align:right; position:absolute; top:3px; right:70px; color:#E8ECF5}
	
	
/* =============================================================================
   footer
   ========================================================================== */
	
	footer .presence_box{ height:68px; padding-top:1px; background:url(../img/presence.png) repeat-x;
		/*background: #315fc7;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMxNWZjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzQ2NzVkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ODg3ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #315fc7 1%, #4675d3 45%, #5887da 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#315fc7), color-stop(45%,#4675d3), color-stop(100%,#5887da));
		background: -webkit-linear-gradient(top, #315fc7 1%,#4675d3 45%,#5887da 100%);
		background: -o-linear-gradient(top, #315fc7 1%,#4675d3 45%,#5887da 100%);
		background: -ms-linear-gradient(top, #315fc7 1%,#4675d3 45%,#5887da 100%);
		background: linear-gradient(top, #315fc7 1%,#4675d3 45%,#5887da 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315fc7', endColorstr='#5887da',GradientType=0 );*/
	}
	footer .presence_box p{ height:48px; width:912px; margin:0px auto; padding:20px 0px 0px 50px; background:url(../img/presence_p.jpg) no-repeat; color:#FFF;
			/*
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwYTAwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-radial-gradient(top, ellipse cover,  rgba(10,0,160,1) 0%, rgba(255,255,255,0) 100%);
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(10,0,160,1)), color-stop(100%,rgba(255,255,255,0)));
			background: -webkit-radial-gradient(center, ellipse cover,  rgba(10,0,160,1) 0%,rgba(255,255,255,0) 100%);
			background: -o-radial-gradient(center, ellipse cover,  rgba(10,0,160,1) 0%,rgba(255,255,255,0) 100%);
			background: -ms-radial-gradient(center, ellipse cover,  rgba(10,0,160,1) 0%,rgba(255,255,255,0) 100%);
			background: radial-gradient(center, ellipse cover,  rgba(10,0,160,1) 0%,rgba(255,255,255,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a00a0', endColorstr='#00ffffff',GradientType=1 );*/
	}
	footer .presence_box p span { margin-right:15px;}
	
	footer .foot_link{ background:url(../img/footer.jpg) repeat-x; height:311px;}
	footer .foot_link .foo_cont{ width:912px; padding-left:50px; margin:0px auto;}
	footer .foot_link .foo_cont .sec_box{ background:url(../img/fo_sec.png) no-repeat top right; width:166px; float:left; margin-right:35px; height:160px;}
	footer .foot_link .foo_cont .sec_box:nth-child(2) { width:260px;}
	footer .foot_link .foo_cont .sec_box:nth-child(3) { width:200px;}
	footer .foot_link .foo_cont .sec_box:nth-child(4) { margin-right:0px; background:none;}
	footer .foot_link .foo_cont .sec_box h1 { color:#7491d6; font-size:16px; font-weight:normal; padding:26px 0px 16px; margin:0px;}
	footer .foot_link .foo_cont .sec_box ul li { font-size:12px;}
	footer .foot_link .foo_cont .sec_box ul li a {color:#7491d6; text-decoration:none;}
	footer .foot_link .foo_cont .sec_box ul li a:hover {color:#7491d6; text-decoration:underline;}
	footer .foot_link .foo_cont .sec_box:nth-child(2) ul { width:160px; float:left;}
	footer .foot_link .foo_cont .sec_box:nth-child(2) ul:last-child { width:90px;}
	footer .foot_link .foo_cont p { background:url(../img/footer_logo.png) no-repeat top right; font-size:12px; color:#7491d6; clear:both; height:95px; padding-top:14px;}

/* =============================================================================
   main content box & wrapper
   ========================================================================== */
	section.main_container { background:#f7f7f7 url(/Content/Images/g_main.png) repeat-x;}
	section.main_container section.main_wrapper { width:1000px !important; margin:0px auto !important; min-height:550px !important; padding:50px 10px 25px 10px !important;}
	
/* =============================================================================
   registration page css // Why Matchrimonial?
   ========================================================================== */
	article.reg_match_box{ color:#142d69; border-bottom:1px solid #d2d2d2; padding-bottom:40px; margin-bottom:55px;}
	article.reg_match_box > aside{ width:257px; background:url(../img/logo-icon.png) no-repeat 0px 60px; float:left; height:300px;}
	article.reg_match_box p { font-size:18px; letter-spacing:-0.25px; line-height:22px;  margin-bottom:25px;}
	article.reg_match_box > section img:nth-of-type(2) { margin:0px 15px;}
	article.reg_match_box > section aside { width:180px; float: right;}
	article.reg_match_box > section aside > section { height:9px; border-top:1px solid #dedede; width:164px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; margin-bottom:10px; border-bottom:1px solid #9b9b9b; padding:3px 5px;
											background: rgb(199,199,199); /* Old browsers */
											/* IE9 SVG, needs conditional override of 'filter' to 'none' */
											background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3YzdjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
											background: -moz-linear-gradient(top,  rgba(199,199,199,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
											background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
											background: -webkit-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
											background: -o-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
											background: -ms-linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
											background: linear-gradient(top,  rgba(199,199,199,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
											filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
											}
	article.reg_match_box > section aside > section > section { height:8px; width:50%; border-bottom:1px solid #767676;
											background: rgb(78,126,214); /* Old browsers */
											/* IE9 SVG, needs conditional override of 'filter' to 'none' */
											background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlN2VkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODUyYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
											background: -moz-linear-gradient(top,  rgba(78,126,214,1) 0%, rgba(40,82,190,1) 100%); /* FF3.6+ */
											background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,126,214,1)), color-stop(100%,rgba(40,82,190,1))); /* Chrome,Safari4+ */
											background: -webkit-linear-gradient(top,  rgba(78,126,214,1) 0%,rgba(40,82,190,1) 100%); /* Chrome10+,Safari5.1+ */
											background: -o-linear-gradient(top,  rgba(78,126,214,1) 0%,rgba(40,82,190,1) 100%); /* Opera 11.10+ */
											background: -ms-linear-gradient(top,  rgba(78,126,214,1) 0%,rgba(40,82,190,1) 100%); /* IE10+ */
											background: linear-gradient(top,  rgba(78,126,214,1) 0%,rgba(40,82,190,1) 100%); /* W3C */
											filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7ed6', endColorstr='#2852be',GradientType=0 ); /* IE6-8 */
											}
	article.reg_match_box > section aside p { margin-bottom:10px;}
	article.reg_match_box > section aside h2 { font-size:24px; margin-bottom:20px;}
	article.reg_match_box > section aside ul { font-size:14px; line-height:16px; }
	article.reg_match_box > section aside ul span { width:40px; display: inline-block;}


/* =============================================================================
   registration page css // Stay Informed!
   ========================================================================== */
	article.stay_info_box{ color:#142d69; border-bottom:1px solid #d2d2d2; padding-bottom:40px; margin-bottom:55px;}
	article.stay_info_box > aside{ width:370px; background: url(../img/stay_info.png) no-repeat 95px 88px; float:right; height:300px;}
	article.stay_info_box p { font-size:18px; letter-spacing:-0.25px; line-height:22px;  margin-bottom:25px;}

/* =============================================================================
   registration page css // Request an Invite
   ========================================================================== */
	article.req_inv_box{ padding:45px 0px 0px 60px; position:relative; overflow:hidden; color:#142d69; margin-bottom:15px; background:url(../img/inv_box.png) no-repeat top center; height:334px;
						/*background: rgb(240,249,255); 
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMGY5ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiNjYmViZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTFkYmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-radial-gradient(top, ellipse cover,  rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); 
						background: -webkit-gradient(radial, top left, 0px, top left, 100%, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1))); 
						background: -webkit-radial-gradient(top, ellipse cover,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); 
						background: -o-radial-gradient(top, ellipse cover,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
						background: -ms-radial-gradient(top, ellipse cover,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
						background: radial-gradient(top, ellipse cover,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 ); 
						*/
						}
	article.req_inv_box > aside{ width:370px; background: url(../img/inv_timer.png) no-repeat 35px 88px; float:right; height:300px;}
	article.req_inv_box p { font-size:18px; text-align:left; color:#333333; letter-spacing:-0.25px; line-height:22px;  margin-bottom:0px; text-shadow: 1px 1px 1px #ffffff; /*filter: dropshadow(color=#ffffff, offx=1, offy=1);*/}
	article.req_inv_box h2 { color:#333; margin-bottom:20px; text-shadow: 1px 1px 1px #ffffff; /*filter: dropshadow(color=#ffffff, offx=1, offy=1);*/}
	article.req_inv_box section{ height:28px; text-align:center; padding-top:8px; color:#FFF; font-size:14px; width:420px; text-shadow: 1px 1px 1px #1b1b1b; filter: dropshadow(color=#1b1b1b, offx=1, offy=1);
								position:absolute; top:110px; right:-80px; letter-spacing:	0.5px; -webkit-box-shadow: -1px 2px 4px rgba(50, 50, 50, 0.52); -moz-box-shadow: -1px 2px 4px rgba(50, 50, 50, 0.52);box-shadow: -1px 2px 4px rgba(50, 50, 50, 0.52);
								background: rgb(141,196,94); /* Old browsers */
								/* IE9 SVG, needs conditional override of 'filter' to 'none' */
								background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkYzQ1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ODlkMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
								background: -moz-linear-gradient(top,  rgba(141,196,94,1) 0%, rgba(88,157,43,1) 100%); /* FF3.6+ */
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,196,94,1)), color-stop(100%,rgba(88,157,43,1))); /* Chrome,Safari4+ */
								background: -webkit-linear-gradient(top,  rgba(141,196,94,1) 0%,rgba(88,157,43,1) 100%); /* Chrome10+,Safari5.1+ */
								background: -o-linear-gradient(top,  rgba(141,196,94,1) 0%,rgba(88,157,43,1) 100%); /* Opera 11.10+ */
								background: -ms-linear-gradient(top,  rgba(141,196,94,1) 0%,rgba(88,157,43,1) 100%); /* IE10+ */
								background: linear-gradient(top,  rgba(141,196,94,1) 0%,rgba(88,157,43,1) 100%); /* W3C */
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc45e', endColorstr='#589d2b',GradientType=0 ); /* IE6-8 */
								-moz-transform: rotate(45deg); /* FF3.5+ */
								-o-transform: rotate(45deg); /* Opera 10.5 */
								-webkit-transform: rotate(45deg); /* Saf3.1+, Chrome */
								-ms-transform: rotate(45deg); /* IE9 */
								transform: rotate(45deg);
								/*filter: progid : DXImageTransform.Microsoft.Matrix ( sizingMethod ='auto expand',
										 M11 = 0.838670567945424, M12 = 0.5446390350150271, M21 =-0.5446390350150271, M22 = 0.838670567945424 );*/
								zoom: 1;

								}
								
								

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
/*@media only screen and (min-width: 35em) {
   Style adjustments for viewports that meet the condition 
}
*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		}
	@media screen and (max-width:320px){
		header { height:164px; }
		header section { width:300px;}
		header section figure { width:300px;}
		header section img { left:50px; top:80px;}
		header section nav { top:130px; right:20px;}
		header section nav a { margin-left:20px;}
		
		section.main_container section.main_wrapper { width:280px; margin:0px auto; min-height:250px; padding:20px}
		
		article.reg_match_box{ margin-bottom:20px;}
		article.reg_match_box > aside{ display:none;}
		article.reg_match_box > section img { width:80px; margin-bottom:80px;}
		article.reg_match_box > section img:nth-of-type(2) { display:none;}
		
		article.stay_info_box { margin-bottom:30px; padding-bottom:0px;}
		article.stay_info_box > aside{ display:none;}
		article.stay_info_box button { margin-bottom:5px; width:100%; text-align:left;}
		
		article.req_inv_box{ padding:20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px;}
		article.req_inv_box input[type="text"] { width:210px;}
		article.req_inv_box > aside{ display:none;}
		article.req_inv_box section { display:none;}
		
		footer .presence_box p { width:300px; padding:10px 0px 10px 20px; background-position:center top;}
		footer .presence_box p span { display:block; margin-bottom:5px;}
		footer .foot_link .foo_cont .sec_box { border-bottom:1px solid #0c1b40; clear:both; background:none; width:260px; margin:0px;}
		footer .foot_link .foo_cont .sec_box:nth-child(3) { width:260px;}
		footer .foot_link { background:#142c68; height:820px;}
		footer .foot_link .foo_cont { padding-left:20px; width:280px;}
		footer .foot_link .foo_cont p  { background-position:  0px 70px; height:160px;}
		
		}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.blue {
    margin-left : -30px;
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


.listing_table { font-size:small; width:100%;  }
.listing_table tr:nth-child(even) { }
.listing_table tr:nth-child(odd) { background-color: #e9e9e9; }
.listing_table td { border: solid 1px silver; padding: 0.4em; vertical-align: top; }
.listing_table th { text-align: left; background-color: #0A6CCE; padding: 0.4em; color: White; vertical-align: top; border: solid 1px silver; }


.listing_table_Gender { font-size:small; }
.listing_table_Gender td { border: solid 1px silver; padding: 0.4em; vertical-align: top; }
.listing_table_Gender th { text-align: left; background-color: #0A6CCE; padding: 0.4em; color: White; vertical-align: top; border: solid 1px silver; }

.listing_table_Gender .Gender-M {
        background-color : #ebf2f9;
        border : 1px solid #e7eef5;
        border-radius : 5px;
    }
.listing_table_Gender .Gender-F {
        background-color : #fff0f6;
        border : 1px solid #ffe5ef;
        border-radius : 5px;
}


.listing_table_Log { font-size:small; }
.listing_table_Log td { border: solid 1px silver; padding: 0.4em; vertical-align: top; }
.listing_table_Log th { text-align: left; background-color: #0A6CCE; padding: 0.4em; color: White; vertical-align: top; border: solid 1px silver; }


.listing_table_Log .details-true {
        background-color : #fff0f6;
        border : 1px solid #ffe5ef;
        border-radius : 5px;
}

/* individual pages */

#edit_profile_page #column1,#column2,#column3 { float:left; width:33%; }
#edit_profile_page #submission { clear:both; }
#edit_profile_page select{ width:220px; }
#edit_profile_page input[type=text]{ width:200px; }
#edit_profile_page fieldset input[type=submit]{ width : 70px; height : 40px; margin-left  : 20px;}
#edit_profile_page fieldset { margin: 15px; padding: 5px; }
#edit_profile_page fieldset legend { font-weight:bold; }

#search_profile_page #form_div {}
#search_profile_page #results_div { margin-top:20px; }
#search_profile_page input[type=text]{ width:200px; }
#search_profile_page select { width:220px; }
#search_profile_page .k-datepicker { width:220px; }
#search_profile_page #searchtable td { vertical-align:middle; }

#new_registration_page input[type=text],input[type="password"] { width:300px; }
#new_registration_page select { width:320px; }
#new_registration_page .k-datepicker { width:320px; }
#new_registration_page fieldset { margin: 15px; padding: 5px; }
#new_registration_page fieldset legend { font-weight:bold; }

#edit_profile_page .adminComments { border:2px solid gray; width: 800px; margin-top: 20px; }
#edit_profile_page .adminComments li {list-style-type:disc; margin-left : 40px;}
#edit_profile_page .adminComments input[type="text"] { width: 400px; }

/* COMMENT AREA EDIT PROFILE*/

#edit_profile_page .adminComments ul { margin-top  : 10px; margin-bottom :10px; font-size : 11pt;}
#edit_profile_page .adminComments ul li.Undefined_comment { color: black; }
#edit_profile_page .adminComments .AdminComment_comment { color: black; }
#edit_profile_page .adminComments .Notification_comment { color: blue; }
#edit_profile_page .adminComments .StatusChange_comment { color: red; }
#edit_profile_page .adminComments .Subscription_comment { color: darkgreen; }

/* COMMENT AREA EDIT PROFILE END*/


#edit_profile_page .profileImages { border:2px solid gray; width: 600px; margin-top: 10px;}
#edit_profile_page .profileImages li { padding: 3px; }
#edit_profile_page .profileImages li { padding: 3px; }

#edit_profile_page .profileImages li td .StatusDiv { color: red; font-size: 12px;}
#edit_profile_page .profileImages input[type="submit"] { width: 55px; height: 35px; vertical-align: top; padding: 0}

#edit_profile_page .AdminProfileStatus { border:2px solid gray; width: 800px; margin-top: 10px;}



#edit_profile_page .addSubscription { width: 460px; margin-top: 20px; margin-left : 20px; }
#edit_profile_page .addSubscription input[type="submit"] { width: 55px; height: 35px; vertical-align: top; padding: 0 }

#edit_profile_page .subscriptionsList { width: 920px; margin-top: 20px; margin-left : 20px; margin-bottom : 20px;}
#edit_profile_page .subscriptionsList input[type="submit"] { width: 55px; height: 35px; vertical-align: top; padding: 0 }

#edit_profile_page .deleteSubscription { border:2px solid gray; width: 740px; margin-top: 20px; }
#edit_profile_page .deleteSubscription input[type="submit"] { width: 130px; height: 35px; vertical-align: top; padding: 0 }

#edit_profile_page .nextBillingAt { border:2px solid gray; width: 740px; margin-top: 20px; }
#edit_profile_page .nextBillingAt input[type="submit"] { width: 130px; height: 35px; vertical-align: top; padding: 0 }

#LogFilter {
    border: solid darkgrey 2px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 990px;
}

.taskLogFilterBy {
    border: solid darkgrey 2px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 990px;
}
.FilterDiv {
    border: solid darkgrey 2px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 990px;
}

/* for Paid Profile Status Type*/
.profile_listing_table { font-size:small; }
.profile_listing_table { font-size:small; }
.profile_listing_table td { border: solid 1px silver; padding: 0.4em; vertical-align: top; }
.profile_listing_table th { text-align: left; background-color: #0A6CCE; padding: 0.4em; color: White; vertical-align: top; border: solid 1px silver; }

.profile_listing_table .PaidProfileType_Paid_Profile { background-color: lightgreen; }
.profile_listing_table .PaidProfileType_OverDue { background-color: lightpink; }
.profile_listing_table .PaidProfileType_Complimentary { background-color: lightblue; }
.profile_listing_table .PaidProfileType_Never_Paid {  background-color: white; }

.profile_listing_table .Gender-M {
        background-color : #ebf2f9;
        border : 1px solid #e7eef5;
        border-radius : 5px;
    }

.profile_listing_table .Gender-F {
        background-color : #fff0f6;
        border : 1px solid #ffe5ef;
        border-radius : 5px;
}


/*Dashbaord*/
#activity_column {
        margin-top: 20px;
        width: 700px;
        float: left;
        overflow: hidden;
}

#activity_column .Active_metrics1{
        float : left;
        width : 310px;
        margin-right : 40px;
}

.Active_metrics1 .dashboard_module {
        height : 240px;
}

#metrics_column { margin-top: 20px; width: 250px; float: right; overflow: hidden; }

.Active_metrics .dashboard_module {
        width : 200px;
        float : left;
        margin-right : 30px;
}

.dashboard_module { border: 1px solid #350606; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 26px; margin-top: 0px; position: relative; }

.dashboard_module .footer {
        padding: 5px 5px 5px 15px;
        color: #677582;
        border-top: 1px solid #BDBDBD !important;
        font-size: 17px;
        text-align: center;
        overflow: hidden;
}

.dashboard_module .footer a:hover, a:active, a:visited, a {
        text-decoration: none;
        font-size: 16px;
}

.dashboard_module h1 {
        margin: 0;
        padding: 5px 5px 5px 15px;
        color: #677582;
        font-size: 17px;
        background-color: #F9F9F9;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: 1px solid #BDBDBD !important;
        overflow: hidden;
        zoom: 1; 
}

.dashboard_module .content {
        border-top: 1px solid #EDEDED;
        min-height: 100px;
        padding-left: 20px;
        padding-top: 5px;
}



.content .status dl {
        margin: 0;
}

.status dt {
        margin: 0;
        font-weight: bold;
        font-size: 14px;
}

.content .status a:hover, a:active, a:visited, a {
        text-decoration: none;
        font-size: 14px;
}

.status dd {
        margin: 0;
        font-size: 14px;
}

.status dd span {
        margin: 0;
        font-size: 14px;
        background-color: rgb(141,196,94);
}

#day-values-div-label, #week-value-label, #date-values-div-label, #by-day-values-div, #week-value-label, #by-date-values-div {
        font-weight: bold;
}

#day-values-div, #week-values-div, #date-values-div {
        margin-left: 20px;
}

#ProfileImageIndexButton input[type="submit"] {height: 30px; margin: 0px; padding: 2px 17px 2px 15px;}

.CustomRejectButton button, input[type="button"] { margin: 0px; height: 30px; width: 80px; padding: 0;}




/* FIELDSET DETAILS*/
fieldset.Details {
        position: relative;
        margin-top : 10px;
        margin-bottom : 10px;
        border-radius : 10px;
        box-shadow : 0px 0px 10px #888888;
}
fieldset.Details legend {
        font-size : large;
        padding : 10px;
        margin-left : 15px;
        width : 90%;
        border-bottom : 1px solid #c4c4c4;
}
fieldset.Details .display-label {
        color : #686464;
        margin-top : 30px;
        width : 30%;
}

fieldset.Details .display-field {
        color : #8e8787;
        padding : 10px;
        width : 60%;
        word-wrap:break-word;
}

fieldset.Details .display-field:hover {
        border-radius : 10px;
        box-shadow : 0px 0px 10px #888888;
}

fieldset.Details .all_messages .Profile1-message {
        padding : 10px 0px 10px 10px;
        background-color : #ebf2f9;
        margin-bottom : 5px; 
        border : 1px solid #e7eef5;
        border-radius : 5px;
}
fieldset.Details .all_messages .Profile2-message {
        padding : 10px 0px 10px 10px;
        background-color : #fff0f6;
        margin-bottom : 5px;
        border : 1px solid #ffe5ef;
        border-radius : 5px;
}
fieldset.Details .Message_field {
        margin : 20px;
        float : left;
        width : 95%;
}


a:link, a:active {
        color : blue;
}
a:visited {
        color: purple;
}
a:hover {
        color: red;
}
 


/* PAGER */
.pager {
        margin-top : 10px;
        margin-bottom : 10px;
        text-decoration-style : solid;
}

.pager a:link,a:visited{
        margin-left : 10px;
        margin-right :5px;
        width : 200px;
        height : 20px;
        border: 1px solid #ddd;
        display : inline;
        padding : 5px;
        color : black;
}

.pager .current {
        background-color : #0A6CCE;
        color : white;
        padding : 7px;
}

.pager a:hover {
        display : inline;
        background-color : darkkhaki;
        color : black;
}

div.pager .disabled {
        margin-left : 10px;
        margin-right :5px;
        padding : 5px;
}

#deleteFromUnsub_email_button {
        background : #ccc url(/Content/Images/cross.png) no-repeat top left;
        width : 16px;
        height: 16px;
}

.chart-container {
        margin-top:50px;
        text-align : center;
}
.chart-container .registration-chart {
        text-align : center;
}
.chart-container .dropdown-chart {
        margin : 15px 0px 15px 0px;
}

.total_records {
        float:right;
}

.listing_table .table-hover > tbody > tr:hover > td,
.listing_table .table-hover > tbody > tr:hover > th {
  background-color: #fff0f6;
}
.anchor-button {                
    margin: 20px 5px 15px;
    font-size: 15px !important;
    -moz-appearance: button;
    -webkit-appearance: button;
    text-decoration: none; font: menu; color: ButtonText;
    padding: 2px 8px;
    border: 1px solid red;
    background-color: #a4c9ee;      
}
.anchor-button:hover {
    background-color: #6eacea;      
}
.anchor-button:active{
    font-size: 15px !important;
    background-color: #6c83ba;     
    color: white;
}
.nav-float-left {
    float: right;
    margin-top: -50px;
}
.loginLink, .registerLink {
    color: #72b1f1 !important;     
    pointer-events: none;
}
.loginLink:hover, .registerLink:hover {
    color: #e19999 !important;
}
