/* --------------------------------------------------- 
MEDIA_QUERIES.CSS contains responsive design style to
effect the design layout based on screen resolution
--------------------------------------------------- */


/* Widescreen Desktop */

	#container1 {width:1100px;}
	
	
	#header {background-repeat:repeat-x;}





	.project-task-summery {background-image:none;border-bottom:1px solid #c0c0c0;}
	.project-task-summery .summery-header {background-image:none;}
	
	.task-summery-current {width:100%;}
	
	
	
	#main .main-content {width:75%;}
	#main .main-right {width:22%;}	
	
	
		#main .main-right .side-holder-center,
		#main .main-left .side-holder-center {
		background-image:none;
		border:solid #e0e0e0 1px;
		border-top:none;
		background-color:#fbfbfb;
		}
		
		#main .main-right .side-holder,
		#main .main-left .side-holder {
		background-image:none;
		border:1px solid #e0e0e0;
		border-top:none;	
		background-color:#fbfbfb;
		}

			#main .main-right a.side-button,
			#main .main-left a.side-button {
			background-image:none;
			background: #656c6f; /* Old browsers */
			background: -moz-linear-gradient(top,  #656c6f 0%, #2d3538 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656c6f), color-stop(100%,#2d3538)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #656c6f 0%,#2d3538 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #656c6f 0%,#2d3538 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #656c6f 0%,#2d3538 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #656c6f 0%,#2d3538 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656c6f', endColorstr='#2d3538',GradientType=0 ); /* IE6-9 */
			border-radius:10px;
			}	
				#main .main-right a.side-button:hover,
				#main .main-left a.side-button:hover {
				background-image:none;
				background: #908e8a; /* Old browsers */
				background: -moz-linear-gradient(top,  #908e8a 0%, #868480 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#908e8a), color-stop(100%,#868480)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #908e8a 0%,#868480 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #908e8a 0%,#868480 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #908e8a 0%,#868480 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #908e8a 0%,#868480 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#908e8a', endColorstr='#868480',GradientType=0 ); /* IE6-9 */
				}
		
		
		
		#main .main-right p,
		#main .main-left p {
		background-image:none;
		background-color:#fbfbfb;
		border:1px solid #e0e0e0;
		border-top:none;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		}
		
	
		#main .main-right h5,
		#main .main-right h6,
		#main .main-left h5,
		#main .main-left h6 {
		border-top-left-radius:10px;
		border-top-right-radius:1px;
		background-image:none;
		border:solid #e0e0e0 1px;	
		}
	
	
	.show-hide-holder .left-list {width:35%;}
	.show-hide-holder #note_preview,
	.show-hide-holder #email_preview {width:65%;}