@charset "utf-8";
/* CSS Document */

/* Desktop
==============================*/
@media only screen and (min-width: 961px) {
	div.ggl768 {width:100%;clear:left;text-align:center;}
	.maincontent {min-height:620px;}
}
/*end min 961*/

/* Tablet
==============================*/
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.wrap {width:768px;max-width:768px;}
	/* Logo, top ad ==============================*/
	header.pagetop {width:768px;min-width:768px;}
	div.ggl768 {width:768px;clear:both;text-align:center;}
	.ggl768 img {margin-top:0;} /*debugging*/
	.headermid {background: url(../images/logo_ctr_bg_sm.jpg) no-repeat;}
	/* Right-col ad ==============================*/
	.rightcol {width:22%;}
	/* Footer
	=========================================*/
	div.ftrmaindiv1 {
    	width: 768px;
	}
	/* Content ==============================*/
	.maincontent {width:75%;min-height:620px;padding:0;}
	.mainnoright {width:96%;margin:0 auto;}
	/* Social & Log-on =====================*/
	span.topsocial {
		clear:both;
		top:1px;
	}
	h1.toph1 {
		padding-top:4px;
	}
	div.help {top:-16px;}
	/* Advanced search
	==============================*/
	div.genre ul li {width:49.5%;}
	/* Agent listing
	===============================*/
	div#rcol, div#rcol-genres {
		width:74%;
		clear:none;
	}
	div#rcol-narrow {
		width:65%;
		clear:left;
		padding-left:12px;
	}
	ul#genres li {
		width:49%;
	}
	.genform span.break3 {
		display:block;
		clear:left;
		margin: 2px 12px 0 130px;
	}
	/* my-literary-agents
	==============================*/
	div.agleftside {
		width:76%;
		max-width:500px;
		clear:none;
		float:left;
	}
	div.agrightside {
		clear:none;
		float:right;
	}
}
/*end 768 - 960*/

/* All smaller < 767
==============================*/
@media only screen and (max-width: 767px) {
	/* Member Menu =========================*/
	.topmenudiv ul {border-bottom:0;}
	ul#navigation {
		height:auto;
		border-bottom:0;
		overflow:hidden;
		position:relative;
		top:-36px;
		margin-bottom: 0;
	}
	ul#navigation li {
		display:block;
		margin:14px 4px;
		height:1.2em;
		width:100%;
	}
	div.help a {margin-right: 12px;}
	#pagecontrols select {
		margin-bottom:8px;
	}
	div.help {top:-16px;}
	/**/
	#freetoreg {width:98%;height:auto;}
	#logontosee {width:98%;height:auto;min-height:22px;margin:8px 0;}
	/* Forms
	==============================*/
	.genform textarea {width:96%;}
	.genform .inptxbig {width:90%;}
	.nowrap-adjmargin {
		display:block;
		margin-top:8px;
		margin-bottom:0px;
	}

	.genform select {margin-bottom:4px;}
	/* Advanced search
	==============================*/
	div.genre ul li {width:49.5%;}
	span.break {
		display:block;
		clear:both;
		margin:8px 0;
	}
	/* my-literary-agents
	==============================*/
	span#withckmark {display:inline-block;margin-left:40px;}
	div.agleftside {
		width:98%;
		clear:right;
		float:left;
	}
	div.agrightside {
		width:98%;
		min-width:180px;
		float:left;
		clear:both;
	}
	.agstat {float:left;clear:none;}
	.agstat2 {float:left;clear:none;}
	/* Agent listing
	===============================*/
	div#rcol {
		width:70%;
		clear:none;
	}
	div#rcol-genres {
		width:99%;
		clear:left;
		padding-left:12px;
	}
	div#rcol-narrow {
		width:99%;
		clear:left;
		padding-left:12px;
	}
	div#joinblurb {
		float:left;
		margin-top:6px;
	}
	ul#genres li {
		width:49%;
	}
	.genform span.break1 {
		display:block;
		clear:left;
		width:130px;
		margin: 0 0 0 0;
	}
	.genform span.break2 {
		display:block;
		clear:left;
		width:130px;
		margin: 2px 0 0 0;
	}
	span.farright {
		float:right;
		clear:both;
		margin-top:10px;
	}
	/* Google ads
	===============================*/
	.litagrwd {width: 300px; height: 250px;}
	.litagrwdsidebottom {width: 300px; height: 250px;}
}
/* end All smaller < 767

/* Big phones & landscape
==============================*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.wrap {max-width:500px;}
	/* Logo, top ad ==============================*/
	header.pagetop {width:100%;min-width:480px;text-align:center;}
	div.logo {float:none;}
	div.ggl768 {width:100%;height:266px;clear:both;padding-top:5px;text-align:center;}
	.ggl768 img {margin-top:0;width:300px;height:250px;margin-bottom:8px;} /*debugging*/
	.headerleft,.headerright {
		width:46%;
		height:100px;
		float:left;
	}
	.headermid {display:none;background:none;}
	/* Right-col ad ==============================*/
	.rightcol {
		width:98%;
		min-height:260px;
		clear:both;
		float:left;
		/*border:1px solid crimson;*/
		margin-bottom:22px;
	}
	.rightcol p {
		text-align:center;
	}
	.rightcol img {margin-top:0;width:300px;height:250px;margin-bottom:8px;} /*debugging*/
	/* Content ==============================*/
	.maincontent {width:96%;margin:0 auto;padding:0;clear:both;}
	/* Top Menu ==============================*/
	.topmenudiv {border-bottom:0;}
	/*Top level list items*/
	.topmenudiv ul li {margin-bottom:5px;}
	/* Footer ==============================*/
	.ftrmaindiv2 .ftrmaindiv3 {
		width:48%;
		margin-bottom:16px;
	}
	/* Social & Log-on =====================*/
	span.topsocial {
		clear:both;
		top:-30px;
	}
	/* Forms
	==============================*/
	div.genformmembers, div#symbolnotes {
		width:450px;
	}
	#docfield p select,#docoption {
		max-width:96%;
	}
	/* Agent listing
	===============================*/
}
/*end 481 - 767*/

/* Phone
==============================*/
@media only screen and (max-width: 480px) {
	.wrap {max-width:480px;}
	/* Logo, top ad ==============================*/
	header.pagetop {width:480px;min-width:480px;text-align:center;}
	div.logo {float:none;}
	div.ggl768 {width:100%;height:260px;clear:both;text-align:center;}
	.ggl768 img {margin-top:0;width:300px;height:250px;margin-bottom:8px;} /*debugging*/
	.headerleft,.headerright {
		width:100%;
		height:100px;
		float:none;
		clear:both;
	}
	.headermid {display:none;background:none;}
	/* Right-col ad ==============================*/
	.rightcol {
		width:98%;
		min-height:260px;
		clear:both;
		float:left;
		/*border:1px solid maroon;*/
		margin-bottom:22px;
		text-align:center;
	}
	.rightcol img {margin-top:0;width:300px;height:250px;margin-bottom:8px;} /*debugging*/
	/* Content ==============================*/
	.maincontent {width:96%;margin:0 auto;padding:0;clear:both;}
	/* Top Menu ==============================*/
	.topmenudiv {border-bottom:0;}
	/*Top level list items*/
	.topmenudiv ul li {margin-bottom:5px;}
	/* Footer ==============================*/
	.ftrmaindiv2 .ftrmaindiv3 {
		width:96%;
		margin-bottom:16px;
	}
	/* Social & Log-on =====================*/
	span.topsocial {
		display:block;
		float:right;
		clear:both;
		top:-5px;
	}
	/* Agents' boxes
	==============================*/
	.agentbox {
		display:block;
		width:100%;
		padding:0 0.01% 0 0.01%;
		text-align:center;
		border:0;
		border-spacing:0px;
	}
	.agentrow {display:block;width:100%;}
	.agentcell {
		display:block;
		clear:both;
		width:96%;
		margin-bottom:16px;
	}
	/* Forms
	==============================*/
	div.genformmembers,div#symbolnotes {
		width:96%;
		min-width: 320px;
	}
	.genform label {
		display: block;
		clear:both;
	}
	label#labelspacer {display:none;}
	div.help {position:relative;top:6px;}
	span.farrightleft {
		float:left;
		clear:both;
	}
	#docfield p select,#docoption {
		width:96%;
		max-width: 96%;
	}
	/* Misc */
	div#pagecontrols {
		text-align:left;
	}
	/* Agent listing ===============================*/
	div#rcol {
		clear:both;
		width:96%;
		padding-left:12px;
	}
	.agbottomdiv a.abox, .agbottomdiv a.abox:visited {
		float:left;
		clear:both;
		margin:0 0 12px 12px;
	}
	a#brknlnk,a:visited#brknlnk {
		float:left;
		clear:both;
		margin:0 0 12px 12px;
	}
/*	.genform span.break1 {
		display:block;
		clear:left;
		margin: 2px 24px 0 0;
	}*/
}
/*end max 480*/

@media only screen and (max-width: 380px) {
	.wrap {max-width:328px;}
	/* Logo, top ad ==============================*/
	/*div.ggl768 {float:left;}*/
	header.pagetop {width:320px;min-width:320px;text-align:center;}
	ul#navigation {margin-top:16px;}
	/* Social & Log-on =====================*/
	span.topsocial {
		top:-3px;
	}
	/* Forms ===========================*/
	.genform .inptbig {width:230px;}
	.genform select {max-width:230px;}
	/* Advanced search ==============================*/
	div.genre ul li {width:99%;}
	/* Agent listing ===============================*/
	div#rcol {
		padding-left:12px;
	}
	div#rcol-genres {
		width:70%;
		clear:none;
	}
	div#rcol-narrow {
		width:99%;
	}
	ul#genres li {
		width:90%;
	}
	/* my-documents
	==============================*/
	#docfield .inpt {width:96%;}
	#docfield p select,#docoption {
		width:96%;
		max-width: 96%;
	}
	#docfield p select option {
		max-width:280px;
		
	}
	div#mce_19 {margin-top:30px;}
	/* My Lit Agents
	===============================*/
	span#withckmark {display:inline-block;margin-left:40px;white-space:normal;}
}